jquery 验证插件答案

【问题标题】：jquery Validation Pluginjquery 验证插件
【发布时间】：2011-09-21 23:36:31
【问题描述】：

我查看了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>

【问题讨论】：

抱歉忘了指定，当我点击提交时，它会绕过 JS 并直接进入操作页面。
在您的 form.submit() 声明之前添加一个 alert('Submit!');。另外，您的 JS 控制台中是否出现任何错误？

标签： jquery coldfusion validation

【解决方案1】：

这对我来说很好用。不过我想知道。当我尝试在演示页面上使用来自 CDN 的 jquery validate 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>

【讨论】：

我在 DOM 准备好之前运行它，没有足够关注我的代码谢谢！
杰森，如果你不介意我在这里问而不是发布一个新帖子，那会是个小问题。当我真正点击提交按钮时，它永远不会提交到操作页面。除了“$function(){”和“});”之外，所有代码都是相同的。只有在第一次没有正确填写表单时才会发生这种情况。
你有一行不正确。我已经在我的答案中改变了它。它应该是 $(form).submit();不是 form.submit();