Question

我在js中实现了电子邮件，新密码和确认密码的验证，我写的验证不起作用。任何人请帮我解决问题。

Answer 1

对于电子邮件验证，您可以使用调节器表达式

示例：

function Emailvalidation(email) 
{
    var check= /\S+@\S+\.\S+/;
    return check.test(email);
}

上述程序验证

string@string.string 格式

注意：客户端验证不是一个好方法，可以轻松禁用Javascript，因此最好使用服务器端验证

对于密码验证，您可以在提交按钮的onclick事件中编写一个函数，比较两个文本框值。

验证密码，手机号码，电子邮件 DEMO

Answer 2

我提供示例字段和js进行验证

        <label>Email</label><input type="text" name="email" id="email" size=18 maxlength=50 required onblur="javascript:myFunction(this.value)">
        <label>Password</label><input type="password" name="pass" id="pass" size=18 maxlength=50 required>
        <label>Confirm Password</label><span id='message'></span><input type="password" name="cpass" id="cpass" size=18 maxlength=50 required/>


     js
      <script> 
      function myFunction(em) {
        var x = document.forms["profile"]["email"].value;
        var atpos = x.indexOf("@");
        var dotpos = x.lastIndexOf(".");
       if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) {
       alert("Not a valid e-mail address");
      document.getElementById("email").value = "";
      return false;
     exit();
     }
     }
     </script>
    <!-- for password validation use jquery -->
    <script      src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
     $('#pass, #cpass').on('keyup', function () {
     if ($('#pass').val() == $('#cpass').val()) {
       $('#message').html('<img src="image/tick.png" width=15px height=15/>').css('color', 'green');  
     } 
    else{ 
      $('#message').html('<img src="image/delete1.png" width=15px height=15/>').css('color', 'red'); 
       }
   });
 </script>

我希望这会对你有所帮助

如何使用javascript实现验证？

2 个答案: