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代码我使用了一些引导类，但确定它们不是停止验证的原因，我删除了输入文件和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验证不起作用不知道为什么

1 个答案: