码迷,mamicode.com
首页 > Web开发 > 详细

jquery+ajax+form表单验证

时间:2017-01-09 00:27:47      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:username   mit   success   tor   onkeyup   form   validator   add   als   

$().ready(function() {
  $("#publishForm").validate({
  onsubmit:true,// 是否在提交是验证
  onfocusout:false,// 是否在获取焦点时验证
  onkeyup :false,// 是否在敲击键盘时验证

rules: {
  username: {
    required: true,
    maxlength: 100
  },
  conbox: {
    required: true,
    maxlength: 140
  }
},
messages:{
  username: {
    required: "请填写昵称",
    maxlength: "姓名不超过100个字符"
    },
  conbox: {
    required: "请填写发表内容",
    maxlength: "发表内容不超过140个字符"
  }
},
submitHandler: function(form) { //通过之后回调

$.ajax({
  url : "{:U(‘index/add‘)}",
  type : "post",
  dataType : "json",
  data: {
    username: $("#username").val(),
    user_content: $("#conbox").val()
  },
  success : function(msg) {
    //要执行的代码
  }
});
},
invalidHandler: function(form, validator) {return false;}
});
});

jquery+ajax+form表单验证

标签:username   mit   success   tor   onkeyup   form   validator   add   als   

原文地址:http://www.cnblogs.com/jingmin/p/6263103.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!