Javascript 不使用JQuery验证密码和确认密码

我想验证并确认下表中的密码。我使用一个按钮作为提交。我已经试过多次了，但都失败了。我想我会寻求帮助

`<form>
<h1>Sign Up</h1>
<input type="text" placeholder="First Name" required>
<input type="text" placeholder="Last Name" required>
<input type="email" placeholder="Email" id="email" name="email" pattern="[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*" title="username@domain.com" required>
<input type="password" name="pwd1" placeholder="Password" required>
<input type="password" name="pwd2" placeholder="Confirm Password" required>
<p>Passwords must contain at least eight characters, including uppercase, lowercase letters, numbers, and special characters.</p>
<button type="submit" ><i class="fa fa-user-plus"></i> Sign Up</button>
</form>`

`
注册
密码必须至少包含八个字符，包括大写、小写字母、数字和特殊字符

注册
`

您可以使用易于实现的功能，并帮助您实现其他验证：

<form class="cmxform" id="commentForm" method="get" onSubmit="return $('#commentForm').validate();" action="">
  <fieldset>
  <p>
    <label for="password">Password (required)</label>
      <input id="password" name="password"  type="text" required>
  </p>
    <p>
      <input class="submit" type="submit" value="Submit">
    </p>
  </fieldset>
</form>

// Wait for the DOM to be ready
$(function() {
  // Initialize form validation on the registration form.
  // It has the name attribute "registration"
  $("#commentForm").validate({
    // Specify validation rules
    rules: {
      password: {
        required: true,
        minlength: 5,
                pwcheck: true
      }
    },
    // Specify validation error messages
    messages: {
      password: "Passwords must contain at least eight characters, including uppercase, lowercase letters, numbers, and special characters."
    },
    submitHandler: function(form) {
      form.submit();
    }
  });
   $.validator.addMethod("pwcheck", function(value) {
            return /^[A-Za-z0-9\d=!\-@._*]*$/.test(value) // consists of only these
           && /[a-z]/.test(value) // has a lowercase letter
           && /\d/.test(value) // has a digit
            });
});

密码（必需）



//等待DOM准备就绪
$（函数（）{
//初始化注册表上的表单验证。
//它具有名称属性“注册”
$（“#commentForm”）.validate({
//指定验证规则
规则：{
密码：{
要求：正确，
最小长度：5，
pwcheck：正确
}
},
//指定验证错误消息
信息：{
密码：“密码必须至少包含八个字符，包括大写、小写字母、数字和特殊字符。”
},
submitHandler:函数（表单）{
表单提交（）；
}
});
$.validator.addMethod（“pwcheck”），函数（值）{
return/^[A-Za-z0-9\d=！\-@.\u*]*$/。测试（值）//仅由以下内容组成
&&/[a-z]/.test（value）//有一个小写字母
&&/\d/.test（value）//有一个数字
});
});

JS fiddle链接：

---

我希望这能起作用

您可以使用Javascript

var password = document.getElementByName("pwd1")[0].value
//1.At least One capital letter
var passwordCapital=/[A-Z]/.test(password)

    if(passwordCapital == true){
        //code here
}
    else{   
        //code here
    }


//2.At least One small
//Checking for presence of one small letter
var passwordSmall = /[a-z]/.test(password);
    if(passwordSmall == true){
        //code here
}
    else if(vpassSmall==true){
        //code here
}

//3.At least One numeric value
//Checking for presence of a number
var passwordNumber = /[0-9]/.test(password)
    if(passwordNumber == true){
 //code here
}
    else{
        //code here
    }
}
//4.Check password length
var passwordlength=password.length
    if( passwordlength <8 ){
        //code here
}
    else{
        //code here
    }

然后，为防止提交的表单信息错误，请使用：

<form onSubmit="return check()">

---

这成功了，谢谢你，卢克曼

HTML:

注册
密码必须至少包含八个字符，包括大写、小写字母和数字

注册

JavaScript:

<script>    
    function pwdcheck(){
        var password = document.getElementsByName("pwd1")[0].value
        
        var passwordCapital=/[A-Z]/.test(password)
        if(passwordCapital == true){
            var passwordSmall = /[a-z]/.test(password)
            if(passwordSmall == true){
                var passwordNumber = /[0-9]/.test(password)
                if(passwordNumber == true){
                    var passwordlength=password.length
                    if( passwordlength >=8 ){
                        var confirmPassword = document.getElementsByName("pwd2")[0].value
                        if(password == confirmPassword){
                            var pass="OK"
                        }
                        else{
                            var pass="NO"
                        }
                    }
                    else{
                        var pass="NO"
                    }
                }
                else{
                    var pass="NO"
                }
            }
            else{
                var pass="NO"
            }
        }
        else{   
            var pass="NO"
        }

        
        if(pass=="OK"){
            return true
        }
        else{
            return false
        }           
    }
</script>

函数pwdcheck（）{
var password=document.getElementsByName（“pwd1”）[0]。值
var passwordCapital=/[A-Z]/.test（密码）
if（passwordCapital==true）{
var passwordSmall=/[a-z]/.test（密码）
if（passwordSmall==true）{
var passwordNumber=/[0-9]/.test（密码）
if（passwordNumber==true）{
var passwordlength=password.length
如果（密码长度>=8）{
var confirmPassword=document.getElementsByName（“pwd2”）[0]。值
如果（密码==确认密码）{
var pass=“确定”
}
否则{
var pass=“否”
}
}
否则{
var pass=“否”
}
}
否则{
var pass=“否”
}
}
否则{
var pass=“否”
}
}
否则{
var pass=“否”
}
如果（通过=“确定”）{
返回真值
}
否则{
返回错误
}           
}

您尝试过什么？你的验证代码在哪里？嗨，Luqman，谢谢你，很好，正在处理这个问题。我想这会管用的。我是否将其包装在函数中并在表单中使用OnClick来调用它？它直接带我进入操作页面。表单HMTL如下所示：Java函数如下所示：函数检查（）{if（pass==“OK”）{return true；}否则{return false；alert(“密码必须至少包含八个字符，包括大写、小写字母和数字。”）}}它应该是onSubmit=“return check（）”不要忘记check函数之前的返回词并关闭表单..看起来它没有结束标记

<form onSubmit="return check()">

<form action="welcome.php" method="post" onsubmit="return pwdcheck()">
<h1>Sign Up</h1>
<input type="text" placeholder="First Name" required>
<input type="text" placeholder="Last Name" required>
<input type="email" placeholder="Email" id="email" name="email" pattern="[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*" title="username@domain.com" required>
<input type="password" name="pwd1" placeholder="Password" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters" required>
<input type="password" name="pwd2" placeholder="Confirm Password" required>
<p>Passwords must contain at least eight characters, including uppercase, lowercase letters and numbers.</p>
<button type="submit" value="Submit"><i class="fa fa-user-plus"></i> Sign Up</button>
</form>

<script>    
    function pwdcheck(){
        var password = document.getElementsByName("pwd1")[0].value
        
        var passwordCapital=/[A-Z]/.test(password)
        if(passwordCapital == true){
            var passwordSmall = /[a-z]/.test(password)
            if(passwordSmall == true){
                var passwordNumber = /[0-9]/.test(password)
                if(passwordNumber == true){
                    var passwordlength=password.length
                    if( passwordlength >=8 ){
                        var confirmPassword = document.getElementsByName("pwd2")[0].value
                        if(password == confirmPassword){
                            var pass="OK"
                        }
                        else{
                            var pass="NO"
                        }
                    }
                    else{
                        var pass="NO"
                    }
                }
                else{
                    var pass="NO"
                }
            }
            else{
                var pass="NO"
            }
        }
        else{   
            var pass="NO"
        }

        
        if(pass=="OK"){
            return true
        }
        else{
            return false
        }           
    }
</script>