使用jQuery验证输入框是否为空

3

你好。帮助设置验证插件以更新用户配置文件。 有两个输入字段,"新密码""重复新密码"

如果它们都为空,则不执行任何检查。如果在"密码"中输入了内容,则检查密码的有效性和第二个密码的相等性。
我尝试了这样的代码,但这个"if"语句不起作用。

$.validator.setDefaults({ ignore: ":hidden:not(select)" });

        $('#contact-form').validate({

        rules: {         
         if(passord.lenght){
            password: {
            minlength: 6,
            maxlength: 25,
            required: true,
            loginRegex: true
          },
          password_repeat: {
            minlength: 6,
            maxlength: 25,
           required: true,
            loginRegex: true,
            equalTo: "#password"
          }}
        },
});

我在寻找类似的主题来寻找答案,但没有找到。


1
我猜这已经被编码了很多次。看看像这样的网站:http://jqueryvalidation.org/files/demo/milk/ - drew_w
2个回答

3
我喜欢第一个答案,但个人不会包括这个。
minlength: 6,
maxlength: 10

在cfmPassword中,第一个密码要么符合条件,要么会生成错误。如果没有生成错误,则第二个密码只需要与第一个密码匹配即可。

2

你可以尝试这个:

<form id="formCheckPassword">
    <input type="password" class="form-control" name="password" id="password"/>
    <input type="password" class="form-control" name="cfmPassword" id="cfmPassword" />
    <input type="submit" value="submit"/>
 </form>



 $("#formCheckPassword").validate({
           rules: {
               password: { 
                 required: true,
                    minlength: 6,
                    maxlength: 10,

               } , 

                   cfmPassword: { 
                    equalTo: "#password",
                     minlength: 6,
                     maxlength: 10
               }


           },
     messages:{
         password: { 
                 required:"the password is required"

               }
     }

});

一切都比我想象的容易。谢谢! - T_E_M_A

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接