Javascript 带有jquery函数的密码字段html表单_Javascript_Jquery_Html

Javascript 带有jquery函数的密码字段html表单

javascript jquery html

Javascript 带有jquery函数的密码字段html表单,javascript,jquery,html,Javascript,Jquery,Html,我想在我的密码文本框中添加此功能。比如：密码文本框1和密码文本框2。我想在文本框中输入所需的一个大写、一个小写、数字和特殊字符，长度必须为8到30个字符密码文本框1和文本框2也相等如果用户不这样做，他们提交按钮是禁用的我在Google stackoverflow上进行了研究，但没有发现这个问题对我有帮助请帮助我。尝试以下方法：函数验证（）{ 变量patt=/^（？=.[a-z]）（？=.[a-z]）（？=.*\d）（？=.[$$！%*？&]）[a-Za-z$！%*？&]{8,30

我想在我的密码文本框中添加此功能。比如：

密码文本框1和密码文本框2。我想在文本框中输入所需的

一个大写、一个小写、数字和特殊字符

，长度必须为8到30个字符

密码文本框1和文本框2也相等

如果用户不这样做，他们提交按钮是禁用的

我在Google stackoverflow上进行了研究，但没有发现这个问题对我有帮助

请帮助我。

尝试以下方法：

函数验证（）{
变量patt=/^（？=.[a-z]）（？=.[a-z]）（？=.*\d）（？=.[$$！%*？&]）[a-Za-z$！%*？&]{8,30}/；
if（$（'#pass1'）.val（）==$（'#pass2'）.val（）&&patt.test（$（'#pass1'）.val（））
$（'btnSubmit'）.prop（'disabled'，false）；
其他的
$（'btnSubmit'）.prop（'disabled'，true）；
}


提交

您可以尝试以下代码：

<body>
    <form action="/action_page.php">
  Password: <input type="password" id="pwd1" name="pwd1" pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,30}$" onkeyup="firstPassword()" title="Six or more characters">
  <input type="password" id="pwd2" name="pwd2" pattern="^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,30}$" onkeyup="secondPassword()" title="Six or more characters">
  <input id="submitBtn" type="submit">
</form>
    <script>
       function firstPassword() {
            var passwordText1 = document.getElementById("pwd1").value;
            var passwordText2 = document.getElementById("pwd2").value;
            document.getElementById("submitBtn").disabled = false;
            if(passwordText1 != passwordText2){
                document.getElementById("submitBtn").disabled = true;
            }
        }

         function secondPassword() {
            var passwordText1 = document.getElementById("pwd1").value;
            var passwordText2 = document.getElementById("pwd2").value;
            document.getElementById("submitBtn").disabled = false;
            if(passwordText1 != passwordText2){
                document.getElementById("submitBtn").disabled = true;
            }
        }
    </script
</body>


密码：
函数firstPassword（）{
var passwordText1=document.getElementById（“pwd1”）.value；
var passwordText2=document.getElementById（“pwd2”）.value；
document.getElementById（“submitBtn”）.disabled=false；
if（passwordText1！=passwordText2）{
document.getElementById（“submitBtn”）.disabled=true；
}
}
函数secondPassword（）{
var passwordText1=document.getElementById（“pwd1”）.value；
var passwordText2=document.getElementById（“pwd2”）.value；
document.getElementById（“submitBtn”）.disabled=false；
if（passwordText1！=passwordText2）{
document.getElementById（“submitBtn”）.disabled=true；
}
}
请在这里写下您尝试过的内容请发布您的代码。我是@George，我是如何用html代码添加代码的？请告诉我编辑点击添加代码片段并添加您的代码here@Arjit）我不明白，你想说什么。请简单地告诉我。Mamun给出的答案只起作用，如果您先填写textbox1，然后填写textbox2，如果在填写textbox2后，如果您在textbox1中进行更改，则如果条件不匹配，则仍然提交按钮将被禁用。他的答案只有在文本框2中更改后才有效。在我的代码中，您可以在任何文本框中进行更改，它将检查字符串匹配条件。我将共享div close代码。有关div close on按钮的信息，请参阅此按钮单击：