当前位置:  编程技术>jquery

jquery validate不验证的问题如何解决

    来源: 互联网  发布时间:2014-09-03

    本文导语:  如下的代码,提交时没有经过验证,就直接提交了。   代码示例:                 jquery validate不验证_www.             $(document).ready(function () {             $("#commentForm").validate({ meta: "validate" });     ...

如下的代码,提交时没有经过验证,就直接提交了。
 

代码示例:



   
   
   
    jquery validate不验证_www.
   
        $(document).ready(function () {
            $("#commentForm").validate({ meta: "validate" });
        })
   
   
        *{font-family:Verdana;font-size:96%}
        label{width:10em;float:left;}
        label.error{float:none;color:Red;padding-left:.5em;vertical-align:top;}
        p{clear:both}
        .submit{margin-left:12em;}
        em{font-weight:bold;padding-right:1em;vertical-align:top;}
   



   
        验证例子_www.
       


            用户名
           
       


       


            邮件
           
       


       


            网址
           
       


       


           
       


   


修改为如下的代码,验证就可以了。
代码如下:
 

代码示例:


 var attribute = {
 rules: {
 "entity.name":{
 required: true,
 minlength: 2
 },
 "entity.realName":{
 required: true,
 minlength: 2
 },
 "entity.postalcode":{
 maxlength: 6,
 number: true
 },
 "entity.phone":{
 required: true,
 minlength: 7
 },
 "entity.email":{
 codeCheck:true,
 required: true,
 remote: {url:"json_personMsg_checkEmail.do?ran="+Math.random(),
 data:{
 "entity.uid":function() {return $("#entity_id").val();}
 }},
 email: true
}
 },
 messages: {
 "entity.name":{
 required:"用户名不能为空!",
minlength:jQuery.format("最少输入{0}字符或汉字")
 },
 "entity.realName":{
 required:"真实姓名不能为空!",
minlength:jQuery.format("最少输入{0}字符或汉字")
 },
 "entity.postalcode":{
 maxlength: "最大不能超过{0}数字",
number: "邮编为数字"
 },
 "entity.phone":{
 required: "办公电话不能为空!",
minlength: jQuery.format("最小长度为{0}")
 },
"entity.email":{
 required: "电子邮件地址不能为空",
remote:"电子邮件地址已存在,请重新输入",
email: "请按格式输入电子邮件地址"
}
 },
errorPlacement: function(error, element) {
if (element.next().size()==0) {
 error.appendTo(element.parent());
 } else {
 error.appendTo(element.next());
}
 },
 submitHandler: function() {
 $.blockUI({ message: '

正在提交,请稍后...
'});  
document.form1.submit();
},
 // set this class to error-labels to indicate valid fields
 success: function(label) {
 // set   as text for IE
 label.html(" ").addClass("checked");
 }
 };

$(document).ready(function(){
alertMessage();
 exclusiveCN();
 var validator = $("#form1").validate(attribute); 
});


    
 
 

您可能感兴趣的文章:

  • jQuery表单验证插件 jQuery.validity
  • jQuery Form Validate
  • jQuery表单验证插件 Validation
  • jQuery 表单验证框架 Quick Validation
  • jquery-form-validator
  • jQuery Inline Form Validation Engine
  • jQuery表单验证插件 Live Form Validation
  • jQuery表单验证插件 Form Validation
  • JQuery validate日期比较实例
  • jQuery智能表单验证 nice Validator
  • Jquery Validation插件如何防止重复提交表单
  • 轻量级校验框架 Jquery-Lweight-validate
  • jQuery.validate 实例代码
  • jquery iis7站长之家
  • jquery内置验证(validate)使用方法示例(表单验证)
  • Jquery Validation插件无法在Chrome浏览器中form.submit()的解决方法
  • jquery.validate.js插件使用经验记录
  • jquery validate验证表单的例子
  • jquery validate添加自定义验证规则(验证邮箱 邮政编码)
  • Jquery validation remote 验证的缓存问题解决方法
  • MVC2 jQuery的验证时,关于客户端验证绑定复选框问题。
  • 表单验证插件 Jquery表单验证插件
  • jQuery表单验证插件 validVal
  • JQuery验证特殊字符实例
  • jQuery表单美化和验证插件 Formly
  • jQuery表单验证及初始化插件 Koo.js
  • jQuery验证码插件 Ajax Fancy Capcha
  • jQuery表单验证插件 jqValidate
  • jquery表单验证框架提供的身份证验证方法(示例代码)
  • jQuery.ajax 用户登录验证的代码
  • jquery禁止输入数字以外的字符的示例(纯数字验证码)
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery-ui引入后Vs2008的无智能提示问题解决方法
  • jquery dialog open后,服务器端控件失效的快速解决方法
  • 点击表单提交时出现jQuery没有权限的解决方法
  • jquery动态添加元素事件失效问题解决方法
  • jQuery$命名冲突怎么办如何解决
  • JQuery插件fancybox无法在弹出层使用左右键的解决办法
  • jquery live()调用不存在的解决方法
  • jQuery在iframe中无法弹出对话框的解决方法
  • jquery fancybox ie6不显示关闭按钮的解决办法
  • 解决jQuery动态获取手机屏幕高和宽的问题
  • jquery库或JS文件在eclipse下报错问题解决方法
  • eclipse导入jquery包后报错的解决方法
  • 巧用jquery解决下拉菜单被Div遮挡的相关问题
  • Jquery uploadify图片上传插件无法上传的解决方法
  • 页面元素绑定jquery toggle后元素隐藏的解决方法
  • Jquery easyui分页栏显示1到0怎么解决?
  • 解决自定义$(id)的方法与jquery选择器$冲突的问题
  • JQuery中使用ajax传输超大数据的解决方法
  • 解决jquery中post方法返回404错误的问题
  • JQuery给元素绑定click事件多次执行的解决方法
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3