这是我的 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 有一个很棒的调试器）。