jquery 验证不起作用不知道为什么

Question

请帮我看看这段代码有什么问题！！我搜索了很多，但看起来我没有错误，即使当我尝试更少的输入时它仍然有效

这是脚本代码

$(document).ready(function(){
     $("#patient-form").validate({
        rules:{
            pfname:{
                required:true
            },
            plname:{
                required:true
            },
            pemail:{
                required:true,
                email:true
            },
            ppass:{
                required:true,
                minLength:6
            },
            pcpass:{
                minLength:6,
                equalTo:"#ppass"
            },
            pcity:{
                required:true
            },
            pbirthdate:{
                required:true,  
                dateFormat: true  
            }
        }
    });
});

这是 html 代码我使用了一些 bootstrap 类但确定它们不是停止验证的原因，我删除了输入文件以及 plname 和 pcity 并且它运行良好，我不知道为什么它没有'真的不行。我希望有人能帮助我，因为我正在做我的毕业设计，我真的很感激。

   <form id="patient-form" method="post" action="" enctype="multipart/form-data" class="form-horizontal">
        <div class="form-group">
            <label class="col-md-2 col-md-offset-2 col-sm-3" for="pfname">First Name</label>
            <div class="col-md-6 col-sm-9">
                <input type="text" class="form-control sel" name="pfname" id="pfname" placeholder="Enter First Name">
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-2 col-md-offset-2 col-sm-3" for="plname">Last Name</label>
            <div class="col-md-6 col-sm-9">
                <input type="text" class="form-control" name="plname" id="plname" placeholder="Enter Last Name">
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-2 col-md-offset-2 col-sm-3" for="pemail">Email</label>
            <div class="col-md-6 col-sm-9">
                <input type="text" class="form-control" name="pemail" id="pemail" placeholder="Enter Email">
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-2 col-md-offset-2 col-sm-3" for="ppass">Password</label>
            <div class="col-md-6 col-sm-9">
                <input type="password" class="form-control" name="ppass" id="ppass" placeholder="Enter Password">
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-2 col-md-offset-2 col-sm-3" for="pcpass">Confirm Password</label>
            <div class="col-md-6 col-sm-9">
                <input type="password" class="form-control" name="pcpass" id="pcpass" placeholder="Re-enter Password">
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-2 col-md-offset-2 col-sm-3" for="pcity">City</label>
            <div class="col-md-6 col-sm-9">
                <input type="text" class="form-control" name="pcity" id="pcity" placeholder="Enter Your City">
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-2 col-md-offset-2 col-sm-3" for="pbirthdate">Birth Date</label>
            <div class="col-md-6 col-sm-9 form-inline">
                <input type="date" name="pbirthdate" id="pbirthdate" class="form-control">
            </div>
        </div>
            <div class="form-group">
                <div class="col-md-2 col-md-offset-2 col-sm-4 col-sm-offset-4 col-xs-4 col-xs-offset-4">
                    <input type="submit" class="form-control" value="Sign Up">
                    <input type="hidden" name="sign-up-check" value="1">
                </div>
            </div>
    </form>

Answer 1

minlength 规则不应拼写为 minLength。

....
ppass: {
    required: true,
    minLength: 6 // <- spelled 'minlength' wrong
},
....

否则，它正在工作：http://jsfiddle.net/psmdogsn/

jquery 验证不起作用不知道为什么

jquery validation is not working don't know why

javascript

jquery

jquery-validate