1

我正在尝试使用 jquery 验证我的表单，但我无法让它工作。当我单击提交时，它不会显示任何错误消息。

你能告诉我问题出在哪里吗？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 <script type="text/javascript" src="validation.js"></script>

 <script>
 $(document).ready(function() { 
// validate signup form on keyup and submit 
var validator = $("#signupform").validate({ 
    rules: { 
        fname: "required", 
        lname: "required", 
        username: { 
            required: true, 
            minlength: 2, 
            remote: "<? echo base_url();?>mycontroller/function" }
       }, 
    messages: { 
        fname: "Enter your firstname", 
        lname: "Enter your lastname", 
        username: { 
            required: "Enter a username", 
            minlength: jQuery.format("Enter at least {0} characters"), 
            remote: jQuery.format("{0} is already in use") 
        }, 

    }, 



}); 

</script>

我的表格

 <!--I am trying to show all the error message here --> 

<form id="signupform" autocomplete="off" method="get" action="">

 FName:
 <input id="fname" name="fname" type="text" value="" />
 Lname:
 <input id="lname" name="lname" type="text" value="" />
 username:
 <input id="username" name="username" type="text" value="" />   <br>      

 <input id="signupsubmit" name="signup" type="submit" value="Signup" />          
 </form>
4

1 回答 1

1

正如我在评论中提到的，它在小提琴中工作

确保脚本已加载，您可以尝试使用 jquery 和 validate.js 的 cdn 托管版本

jQuery CDN

http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

验证.js CDN

http://ajax.aspnetcdn.com/ajax/jQuery.Validate/1.6/jQuery.Validate.js

如果它适用于此，则表示未加载脚本并检查您的链接

编辑

$(":submit").click(function(e){

    if(!$(this).closest("form").valid()){
        e.preventDefault();
        var errText="";
        $(".error").each(function(i,j){
         errText+=$(j).text()+"<br/>";           
        });
        $("#errDiv").html(errText).css({color:'Red'});  

        }

});

http://jsfiddle.net/85DM4/17/

它不是逗号分隔的，但我相信你会明白的

于 2012-05-28T15:10:37.727 回答