Question

我的问题是我想通过jquery.validate验证我的表单输入。这是我的剧本

$(document).ready(function () {

$('#formreg').validate({ 
    rules: {
        Username: {
            required: true,
            email: true
        },
        Password: {
            required: true,
            minlength: 8
        },
        Password2:{
            required:true,
            minlength:8
        },
        Name:{
            required:true   
        },
        Lastname:{
            required:true
        },
        Address:{
            required:true
        },
        Telephone:{
            required:true
        }
    }
});
return false;
});

使用上面的代码我得到的唯一验证错误仅针对电子邮件，密码2和地址，我想获得所有表单输入的验证错误。谢谢

这是我的html表单

<form action="#" method="post" accept-charset="utf-8" id="formreg">    
<input type="text" name="Username" value="" id="Username">
<input type="password" name="Password" value="" id="Password" />
<input type="password" name="Password2" value="" id="Password2"/>  
<input type="text" name="Name" value="" id="Name"/>
<input type="text" name="Lastname" value="" id="Lastname" />
<input type="text" name="Address" value="" id="Address"  />
<input type="text" name="Telephone" value="" id="Telephone"  />    
<button name="Login" type="button"  onclick="submitform();">Register</button>

Answer 1

你的按钮......

<button name="Login" type="button"  onclick="submitform();">Register</button>

您不需要任何带有jQuery的内联JavaScript。你肯定不需要jQuery Validate插件的onclick处理程序。

将您的type更改为submit并删除内联点击处理程序...

<button name="Login" type="submit">Register</button>

您也无法将return false放入DOM就绪处理程序......

$(document).ready(function () {

    $('#formreg').validate({
        // your rules
    });

    // return false;  // <- REMOVE THIS LINE

});

工作演示：http://jsfiddle.net/M9Y6L/1/

jQuery表单验证无法正常工作

1 个答案: