jQuery表单验证无法正常工作

用户名

我的问题是我想通过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;
});

使用上面的代码,我返回的唯一验证错误仅针对电子邮件,password2和地址,我想获取所有表单输入的验证错误。谢谢

这是我的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>

活泼的

您的按钮...

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

您不需要使用jQuery的任何内联JavaScript。而且您当然不需要onclickjQuery Validate插件处理程序。

更改typesubmit并删除嵌入式点击处理程序...

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

您也不能将return false放入您的DOM ready处理程序中...

$(document).ready(function () {

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

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

});

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

表单上的jQuery验证无法正常工作

来自分类Dev

jQuery表单验证无法正常工作

来自分类Dev

Jquery 表单验证无法正常工作

来自分类Dev

jQuery 验证无法正常工作

来自分类Dev

Laravel:表单验证无法正常工作

来自分类Dev

PHP中的表单验证无法正常工作

来自分类Dev

PHP表单验证无法正常工作

来自分类Dev

AngularJS中的表单验证无法正常工作

来自分类Dev

使用jQuery的表单无法正常工作

来自分类Dev

我正在尝试使用jquery插件来验证我的表单,但删除类却无法正常工作

来自分类Dev

验证无法使用jQuery请求正常工作

来自分类Dev

向表单验证添加错误无法正常工作?

来自分类Dev

Laravel 5.2表单验证请求无法正常工作

来自分类Dev

Angular 8-表单验证无法正常工作

来自分类Dev

我在表单上的验证码无法正常工作

来自分类Dev

Angular指令中的表单字段验证无法正常工作

来自分类Dev

由于输入错误,JavaScript表单验证无法正常工作

来自分类Dev

向表单验证添加错误无法正常工作?

来自分类Dev

表单验证无法正常工作:名称未填写

来自分类Dev

验证所有表单字段-函数无法正常工作

来自分类Dev

无法获得角度2表单验证才能正常工作

来自分类Dev

Angular 5 表单自定义验证无法正常工作

来自分类Dev

jQuery替换INPUT对象后,PHP表单无法正常工作

来自分类Dev

尝试从表单获取值时,jQuery Val无法正常工作

来自分类Dev

电子邮件验证Jquery无法正常工作

来自分类Dev

使用ajax进行jQuery验证无法正常工作

来自分类Dev

使用引导程序的jquery验证错误消息无法正常工作

来自分类Dev

删除上传的图片后,jQuery验证无法正常工作

来自分类Dev

追加新元素后,jQuery 验证无法正常工作

Related 相关文章

热门标签

归档