Javascript onsubmit() 函數沒有做任何事情

Question

我的 Javascript 函數有問題。 我的函數不起作用，我用 onsubmit() 調用的形式調用它，但沒有任何反應。

 $(document).ready(function(){ window.provera = function(){ nizError = new Array(); var ime = $("#imeReg").val(); var reIme = /^[AZ][az]{2,9}$/; var prezime = $("#prezimeReg").val(); var rePrezime = /^[AZ][az]{2,14}(\\s[AZ][az]{2,14})*$/; var username = $("#usernameReg").val(); var reUsername = /^([A-Za-z]+[0-9]|[0-9]+[A-Za-z])[A-Za-z0-9]*$/; var email = $("#emailReg").val(); var reEmail =/^[\\w]+[\\.\\_\\w]*\\@[\\w]+([\\.][\\w]+)+$/; var password = $("#passwordReg").val(); var rePassword = /^[\\S]{5,50}$/; if(!reIme.test(ime)){ nizError.push('Pogresno ste uneli ime'); }else if(ime = ""){ nizError.push('Ime je obavezno da se unese'); } if(!rePrezime.test(prezime)){ nizError.push('Pogresno ste uneli prezime'); }else if(prezime = ""){ nizError.push('Prezime je obavezno da se unese'); } if(!reUsername.test(username)){ nizError.push('Pogresno ste uneli username'); }else if(username = ""){ nizError.push('Username je obavezno da se unese'); } if(!reEmail.test(email)){ nizError.push('email'); }else if(email = ""){ nizError.push('Email je obavezno da se unese'); } if(!rePassword.test(password)){ nizError.push('password'); }else if(password = ""){ nizError.push('Password je obavezno da se unese'); } var ispis = ""; if(nizError.length > 0){ for(var i = 0; i < nizError.length; i++){ ispis+= "<p>"+ nizError[i] +"</p>"; } $("#result").html(ispis); return false; } return true; } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table class="tableLogin"> <form action="#" method="post" onsubmit="provera()"> <tr> <td> <label>Ime</label> </td> <td> <input type="text" id="imeReg" name="imeReg" class="typeText"/> </td> </tr> <tr> <td> <label>Prezime</label> </td> <td> <input type="text" id="prezimeReg" name="prezimeReg" class="typeText"/> </td> </tr> <tr> <td> <label>Username</label> </td> <td> <input type="text" id="usernameReg" name="usernameReg" class="typeText"/> </td> </tr> <tr> <td> <label>E-mail</label> </td> <td> <input type="text" id="emailReg" name="emailReg" class="typeText"/> </td> </tr> <tr> <td> <label>Password</label> </td> <td> <input type="password" id="passwordReg" name="passwordReg" class="typeText"/> </td> </tr> <tr> <td colspan="2"> <input type="submit" value="Registruj se" id="btnSubReg" name="btnSubReg" class="buttonSub"/> </td> </tr> </form> </table>

當我在 action 屬性上留下 # 時什么也沒有發生，但是當我嘗試放置像 admin.php 這樣的頁面時，它會轉到該頁面，然后我又無法驗證我的表單。

我正在研究一個網站，我需要在客戶端驗證一個表單，所以如果一切正常，它會轉到服務器端，在那里我可以再次使用 php 驗證它並發送到數據庫。

Answer 1

取而代之的是：

   <input type="submit" value="Registruj se" 
     id="btnSubReg" name="btnSubReg" 
     class="buttonSub"/>

用這個：

    <input type="button" value="Registruj se" 
   id="btnSubReg" onclick="provera()" name="btnSubReg" 
    class="buttonSub"/>

如果一切都有效，請在您的 javascript 末尾添加：

  document.getElementById("myForm").submit();

並在“操作”中添加您的 php 文件路徑。

Answer 2

您沒有調用 OnSubmit() 函數<td colspan="2"> <input type="submit" value="Registruj se" id="btnSubReg" name="btnSubReg" class="buttonSub" onsubmit="return upload(this)"/> </td>