jquery.validate验证表单,自己的js提交数据,返回json

$.metadata.setType("attr", "vld");

$.validator.addMethod("username", function(value) {

var p = /^[0-9a-zA-Z\u4e00-\u9fa5\.\[email protected]_]+$/;

return p.exec(value) ? true : false;

}, "Please enter only letters,digits,chinese and ‘_‘,‘-‘,‘@‘");

$.metadata.setType("attr", "vld");

$.validator.addMethod("username", function(value) {

var p = /^[0-9a-zA-Z\u4e00-\u9fa5\.\[email protected]_]+$/;

return p.exec(value) ? true : false;

}, "只能输入字母、数字、中文和‘_‘,‘-‘,‘@‘符号");

jQuery.validator.addMethod("isMobile", function(value,element) {

var length = value.length;

var mobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;

return this.optional(element) || mobile.test(value);

}, "请正确填写您的手机号码");

jQuery.validator.addMethod("isTel", function(value,element) {

var length = value.length;

var tel = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;

return this.optional(element) || tel.test(value);

}, "请正确填写您的固定电话号码");

jQuery.validator.addMethod("isPhone", function(value,element) {

var length = value.length;

var mobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;

var tel = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;

return this.optional(element) || (tel.test(value) || mobile.test(value));

}, "请正确填写您的联系电话");

jQuery.validator.addMethod("isIdCardNo", function(value,element) {

var length = value.length;

//***正则表达式(15位)

var isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{2}(\d|X|x)$/;

//***正则表达式(18位)

var isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}(\d|X|x)$/;

return this.optional(element) || (isIDCard1.test(value) || isIDCard2.test(value));

}, "请正确填写您的***号码");

jQuery.validator.addMethod("isZipCode", function(value,element) {

var length = value.length;

var zipCode = /^[1-9]{1}(\d+){5}$/;

return this.optional(element) || zipCode.test(value);

}, "请正确填写您的邮政编码");

jQuery.validator.addMethod("isEmail", function (value, element) {

var mail = /^[a-z0-9._%-][email protected]([a-z0-9-]+\.)+[a-z]{2,4}$/;

return this.optional(element) || (mail.test(value));

}, "邮箱格式不对");

<form class="form b-mar-b-20" id="VipApply_AddForm" action="/addVipApply.jspx">

<span class="form-item-name">用户名<span class="c-red">*</span></span>

<input  type="text" class="input-text" id="loginName" name="loginName" vld="            {required:true,rangelength:[3,20],username:true,messages:{required:‘请输入用户            名‘,rangelength:‘用户名由3到14位的中文字符、英文字母、数字组成‘}}" />

</form>

$("#VipApply_AddForm").validate({

submitHandler: function(form) {  //通过之后回调

$.post("${base}/addVipApply.jspx",

$(‘#VipApply_AddForm‘).serialize(),

function(data){

if(data.status==0){

alert("VIP申请已提交,请耐心等待审核结果!");

location.href=‘${base}/hymsa/‘;

}else if(data.status==1) {

alert("验证码错误");

$("#vipApplyCaptcha").click();

}

},‘json‘);

},

invalidHandler: function(form, validator) {  //不通过回调

return false;

}

});

});

@RequestMapping(value = "**/addVipApply.jspx")

public void addVipApply(VipApplyEntity entity,String captcha, HttpServletRequest             request,HttpServletResponse response, ModelMap model) throws JSONException {

JSONObject json = new JSONObject();

try {

this.vipApplyService.save(entity);

json.put("status", 0);

} catch (Exception e) {

json.put("status", 1);

e.printStackTrace();

}

ResponseUtils.renderJson(response, json.toString());

}

时间: 2024-08-11 07:44:35

jquery.validate验证表单,自己的js提交数据,返回json的相关文章

网页中用jquery validate 验证表单输入项

本人菜鸟,w3cschool上的东西,觉得很好. 导入库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 默认的规则,基本上够用 了, 1 required:t

基于Jquery Validate 的表单验证

基于Jquery Validate 的表单验证 jquery.validate.js是jquery下的一个验证插件,运用此插件我们可以很便捷的对表单元素进行格式验证. 在讲述基于Jquery Validate的表单验证前,我们先回顾一下基础纯JS的表单验证. 1.回顾基于JS的表单验证 我们先写一个简单的验证邮箱.手机号的表单,页面代码如下: 1 <form action="XXXX.action" method="post" onsubmit="r

第一百八十六节,jQuery,验证表单插件,Ajax 表单插件,验证和提交表单

jQuery,验证表单插件,Ajax 表单插件,验证和提交表单 HTML <form id="reg" method="post" action="yzh.php" title="会员注册"> <ol class="reg_error"></ol> <p> <label for="user">帐号:</label>

基于Bootstrap+jQuery.validate Form表单验证实践

项目结构 : github 上源码地址:https://github.com/starzou/front-end-example    点击打开 1.form 表单代码 [html] view plaincopy <!DOCTYPE html> <html> <head> <title>Bootstrap Form Template</title> <meta charset="utf-8" /> <meta

jquery validate触发表单验证

jquery validate是常用的表单验证插件.遇到一个jquery validate表单验证不触发的问题 目前写法:$(function(){  $("#form").validate({     rules : {            themeColor: {                required : true            },            --        },        messages : {            themeCol

jQuery Validate 插件[表单验证 属性介绍]

详细介绍一下Validate插件 $("#form的Id").validate({ }) 属性 规则 描述 required:true 必须输入的字段 required: "#aa:checked" 表达式的值为真,则需要验证. required: function(){}  返回为真,表示需要验证 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值. email:true 必须输入正确格式的电子邮件.

jQuery 之 验证表单

简单的东西重复做,做多了之后,才能说熟能生巧. 做好一个精美的页面,固然是好,但是,一个页面除了写好之外,我们更需要的是将其功能完善.比如表单的验证,这只是众多工作之一.然后本次就以jQuery的validate插件,来学习记录一下表单验证部分.但愿自己下次在遇到写表单验证时,可以不费吹灰之力. 接下来就是验证代码展示: 1 //身份证号验证 2 jQuery.validator.addMethod("isIdNo", function (value, element){ 3 var

沫沫金 - jQuery序列化form表单【支持ajax提交form对象表单entity.xxx】

需要form表单提交,大表单对字段后台人工处理太麻烦.还是选择form表单对象(entity.xx)提交方便,那么怎么ajax提交这样的form对象表单呢? 命名jquery.commons.js内容如下 /**  * FORM对象表单ajax提交前数据处理方法  * @param frm  * @returns JSON Object  */ function getFormJson(frm) {     var o = {};     var a = $(frm).serializeArra

使用onsubmit()验证表单并阻止非法提交(使用jQuery)

代码检测textarea内填写的长度,未填写时提示需要重新填写,少于15字符时提示需要长于15字符,成功时显示所填写建议. 1 <script type="text/javascript"> 2 //jQuery代码 3 function confirm() 4 { 5 if($("#advice").val().length == 0) 6 { 7 alert("We can't see your advice. Maybe you shou