這是我的 javascript 代碼，用於檢查正則表達式，如用戶名驗證、密碼，但沒有得到任何 output

Question

我已經編寫了一個代碼來驗證注冊表這是我的 javascript 當我運行整個 html 表單以及 javascript 任何用戶名，手機，給定密碼的錯誤消息被接受時，沒有輸出顯示是否與正則表達式不匹配

 <script type = "text/javascript">
     function validation(){
     var name = document.getElementById('name').value;
     var username = document.getElementById('username').value;
     var email = document.getElementById('email').value;
     var phone = document.getElementById('phone').value;
     var password = document.getElementById('password').value;
     var confirmpassword = document.getElementById('confirmpassword').value;
    
     var namecheck =/^[ a-zA-Z\-\']+$/;
     var usercheck = /^[a-z0-9_\.]+$/;
     var passwordcheck = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,15}$/;
     var emailcheck =/^[a-zA-Z0-9+_.-]+@[a-zA-Z0-9.-]+$/;
     var mobilecheck = /^(0|[+91]{3})?[7-9][0-9]{9}$/;
    
     if(namecheck.test(name)){
         document.getElementById('nameerror').innerHTML = " ";
     }
    
     else{
          document.getElementById('nameerror').innerHTML = "** Invalid name";
          return false;
    
     }
    
    
     if(usercheck.test(username)){
         document.getElementById('usererror').innerHTML = " ";
     }
    
     else{
          document.getElementById('usererror').innerHTML = "** Invalid user name";
          return false;
    
     }
    
    
     if(passwordcheck.test(password)){
         document.getElementById('passworderror').innerHTML = " ";
     }
    
     else{
          document.getElementById('passworderror').innerHTML = "** password err";
          return false;
    
     }
     }
    </script> 

查看模式是否正確，但我已在 regex101 中檢查它可以與字符匹配但在我使用 html 執行時不起作用

Answer 1

您可能想檢查 validate() function 是如何被調用的——它是否實際執行並顯示消息，但表單還是被提交了？

鑒於您共享的代碼，我認為您是 Javascript 的初學者； 判斷您正在做的事情是否有效的一種簡單方法是在 validate() function 的開頭顯示一個 alert() 語句，以確保它被調用。 在您的代碼中全面使用alert() 調用來查看您期望發生的事情是否實際發生（即在if 語句中顯示警報）。

接下來，學習如何使用 console.log() 在瀏覽器中進行調試。 接下來，學習使用瀏覽器內部的調試器（Chrome 有一個很棒的調試器）。