Question

我查看了validation plugin的文档，我无法弄清楚我的生活中我的表单/ javascript有什么问题。我加载Jquery后加载插件，据我所知，我没有留下任何东西。但页面偏向Javascript并直接进入操作页面。我正在使用Jquery 1.6.2任何想法为什么？

使用Javascript：

 $("#regForm").validate({
     rules: {
         pass: "required",
         passChk: {
             equalTo: "#pass"
         }
     },
     submitHandler: function(form) {
         form.submit();
     }
});

HTML / CFML：

   <cfform type="actionForm" action="Action.cfm" id="regForm" method="post" data-ajax="false">    
       <label for="email">E-mail</label>
       <cfinput type="text" label="E-mail" name="email" id="email" class="required email"><br>          
       <label for="pass">password</label>
       <cfinput type="password" name="pass" id="pass" class="required" ><br>
       <label for="passChk">enter password again</label>
       <cfinput type="password" name="passChk" id="passChk" class="required" > <br>                
       <label for="fName">First Name</label>
       <cfinput type="text" name="fName" id="fName" class="required"><br>
       <label for="lName">Last Name</label>
       <cfinput type="text" name="lName" id="lName" class="required"><br>         
       <cfinput type="submit" name="submit" value="register" data-inline="true">
   </cfform>

Answer 1

这对我来说很好。我不知道。当我尝试在演示页面上使用来自CDN的jquery验证JS文件时，我确实遇到了问题。

http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js

当我尝试使用这个时，我有时会得到403.所以有时验证会起作用，有时候不行。

当我切换到正确的CDN时

http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.js

每次都很好。我想知道你是否在做同样的事情。

此外，请确保在DOM准备好之前不运行此脚本。

<script>
    $(function(){
        $("#regForm").validate({
                    rules: {
                            pass: "required",
                            passChk: {
                                 equalTo: "#pass"
                            }
                    },
                    submitHandler: function(form) {
                            $(form).submit();
                    }
            });
    });
</script>

jquery验证插件

1 个答案: