jquery validate 单个校验+全部校验
来源:互联网 发布:淘宝好的布料店 编辑:程序博客网 时间:2024/05/22 13:06
1、引入
<script src="/poobo/js/jquery/jquery-1.8.3.min.js" type="text/javascript"></script><script type="text/javascript" src="/poobo/js/jquery/jquery.validate.min.js"></script>
2、页面form
<%@ page language="java" import="java.util.*" pageEncoding="utf-8" isELIgnored="false"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><%@include file="/poobo/public/common.jspf"%><title><s:if test="postType=='new'">新增</s:if><s:else>编辑</s:else>商铺</title><meta http-equiv="X-UA-Compatible" content="IE=8" /><link rel="stylesheet" href="/css/jquery/jquery.fileupload-ui.css"><script src="/js/jquery/jquery.fileupload.js"></script><script src="/js/jquery/jquery.fileupload-ui.js"></script><script type="text/javascript" src="/poobo/js/store/store_detail.js"></script></head><body><div class="main"><div class="mainBox"><h2><s:if test="postType=='new'">新增</s:if><s:else>编辑</s:else>商铺</h2><div class="buyOrderList" style="width:98%; margin: 10px auto 0;"><!-- 需要提交的表单 start --><form id="submitForm" name="submitForm" method="POST" enctype="multipart/form-data"> <!-- ************** --><input type="hidden" name="store.storeType" id="store.storeType" value="<s:property value="store.storeType"/>"><input type="hidden" name="store.status" id="store.status" value="<s:property value="store.status"/>"><input type="hidden" name="store.createDate" id="createDate" value="<s:property value="store.createDate"/>"><input type="hidden" name="postType" id="postType" value="<s:property value="postType"/>"><input type="hidden" name="store.globalId" id="globalId" value="<s:property value="store.globalId"/>"><input type="hidden" name="userGlobalId" id="userGlobalId" value="<s:property value="store.user.globalId"/>"><input id="img1" type="hidden" name="store.picPath" value="<s:property value="store.picPath" />" /><table width="100%" border="0" cellpadding="3" cellspacing="1"><tbody><tr><td class="left_title_1" width="20%"> 商铺类别<b> : </b></td><td class="left_title_4" > <select name="storeCategoryId" style="width:75px;" class="valid"> <option value="1" <s:if test="store.storeCategory.storeCategoryId==1">selected="selected" </s:if>>旅游</option> <option value="2" <s:if test="store.storeCategory.storeCategoryId==2">selected="selected" </s:if>>餐饮</option> <option value="3" <s:if test="store.storeCategory.storeCategoryId==3">selected="selected" </s:if>>服装</option> <option value="4" <s:if test="store.storeCategory.storeCategoryId==4">selected="selected" </s:if>>零售</option> <option value="5" <s:if test="store.storeCategory.storeCategoryId==5">selected="selected" </s:if>>教育/培训</option> <option value="6" <s:if test="store.storeCategory.storeCategoryId==6">selected="selected" </s:if>>宾馆</option> <option value="7" <s:if test="store.storeCategory.storeCategoryId==7">selected="selected" </s:if>>体育运动</option> </select> <span class="star">*</span> <span class="tishi"></span> </td></tr><!-- <tr><td class="left_title_1" width="20%"><span class="text-error">* </span>商铺类型<b> : </b></td><td class="left_title_4" width="80%"> <input type="radio" name="storeType" value="0" >普通商户<input type="radio" name="storeType" value="1">运营商商户</td></tr> --><tr><td class="left_title_1" width="20%"> 商铺名称<b> : </b></td><td class="left_title_4" width="80%"> <input type="text" id="storeName" name="store.storeName" value="<s:property value="store.storeName" />" size="20" maxlength="40"> <span class="star">*</span> <span class="tishi"></span> </td></tr><!-- <tr><td class="left_title_1"> 所属区域 <b> : </b></td><td class="left_title_4">广东 东莞市</td></tr> --><!-- <tr><td class="left_title_1"><span class="text-error">*</span>详情<b> : </b></td><td class="left_title_4"><input type="text" name="storeInfo" id="store_storeInfo"></td></tr> --><tr><td class="left_title_1"> 联系电话<b> : </b></td><td class="left_title_4"><input type="text" name="store.phone" size="20" maxlength="11" value="<s:property value="store.phone" />" id="store_phone"> <span class="star">*</span> <span class="tishi"></span></td></tr><tr><td class="left_title_1"> 营业时间<b> : </b></td><td class="left_title_4"><input type="text" name="store.mainDate" size="20" value="<s:property value="store.mainDate" />" id="mainDate"> <span class="star">*</span> <span class="tishi"></span></td></tr><tr><td class="left_title_1"> 简介<b> : </b></td><td class="left_title_4"><textarea name="store.storeSampleInfo" class="member-normal-normalarea" style="width:500px;height:50px;"><s:property value="store.storeSampleInfo" /></textarea> <span class="star">*</span> <span class="tishi"></span> </td></tr><tr><td class="left_title_1"> 详细地址<b> : </b></td><td class="left_title_4"> <textarea name="store.address" class="member-normal-normalarea" style="width:500px;height:50px;"><s:property value="store.address" /></textarea> <span class="star">*</span> <span class="tishi"></span> <span class="help-block">为了客户能准确找到您的店铺,请按照格式填写:_省_市_县(区)_ </span></td></tr><tr><td class="left_title_1"> 最高额度<b> : </b></td><td class="left_title_4"> <%-- <input type="text" name="store.storeAccount.limitMoney" value="<s:property value="store.storeAccount.limitMoney"/>" <s:if test="postType=='update'">readonly="readonly"</s:if> size="20" id="limitMoney"/> --%> <s:if test="postType=='new'"> <input type="text" name="store.storeAccount.limitMoney" size="20" id="limitMoney"/> <span class="star">*</span> <span class="tishi"></span> </s:if> <s:else> <span><s:property value="store.storeAccount.limitMoney"/></span> </s:else> </td></tr><tr><td class="left_title_1"> 地图标记<b>: </b></td><td class="left_title_4"><span id="spanIsShow" style="color:blue; font-size:12px;">【地图帮助】</span><div id="divIntro"><p>1:鼠标滚轮可以控制地图的放大和缩小</p><p>2:红色标记为商铺当前位置,可以通过<span style="color:red;">鼠标拖拽和点击来指定新的位置</span></p><p>3:搜索框可以通过名称快速定位 ,方便您定位自己的商铺位置 <input id="txtSearch" type="text"><input type="button" value="GO" onclick="searchKeyMap()"></p><p>4:手动输入商铺位置 ,经度:<input name="store.mapLat" id="mapLat" type="text" style="width:120px" value="<s:property value="store.mapLat" />"> 纬度:<input name="store.mapLng" id="mapLng" type="text" style="width:120px" value="<s:property value="store.mapLng" />"></p></div><div class="map" id="map_canvas" style="width: 600px; height: 400px; overflow: hidden; position: relative; z-index: 0; color: rgb(0, 0, 0); text-align: left; background-image: url(http://api.map.baidu.com/images/bg.png);"><div id="platform" style="overflow: visible; position: absolute; z-index: 0; left: 0px; top: 0px; cursor: url(http://api.map.baidu.com/images/openhand.cur) 8 8, default;"><div style="position: absolute; z-index: -1; left: 300px; top: 200px; display: block;"><img src="http://online2.map.bdimg.com/tile/?qt=tile&x=1610&y=277&z=13&styles=pl&udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: -774px; top: -701px;"><img src="http://online2.map.bdimg.com/tile/?qt=tile&x=1611&y=276&z=13&styles=pl&udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: -262px; top: -189px;"><img src="http://online2.map.bdimg.com/tile/?qt=tile&x=1612&y=275&z=13&styles=pl&udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: 250px; top: 323px;"><img src="http://online1.map.bdimg.com/tile/?qt=tile&x=1611&y=275&z=13&styles=pl&udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: -262px; top: 323px;"><img src="http://online1.map.bdimg.com/tile/?qt=tile&x=1609&y=277&z=13&styles=pl&udt=20140928" style="position: absolute; border: none; width: 512px; height: 512px; left: -1286px; top: -701px;"></div><div id="mask" class=" BMap_mask" style="position: absolute; left: 0px; top: 0px; z-index: 9; overflow: hidden; -webkit-user-select: none; width: 600px; height: 400px;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;"><span class="BMap_Marker BMap_noprint" unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; cursor: pointer; width: 23px; height: 25px; left: -32551px; top: -20471px; z-index: -4568906; background: url(http://api.map.baidu.com/images/blank.gif);" title=""></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;"><span class="BMap_Marker" unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 0px; height: 0px; left: -32541px; top: -20446px; z-index: -4568906;"><div style="position: absolute; margin: 0px; padding: 0px; width: 23px; height: 25px; left: -10px; top: -25px; overflow: hidden;"><img src="http://api.map.baidu.com/images/marker_red.png" style="border:none;left:0px; top:0px; position:absolute;"></div></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div></div><div style="position: absolute; z-index: -1; left: 300px; top: 200px;"><img src="http://online1.map.bdimg.com/tile/?qt=tile&x=3222&y=554&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -263px; top: -446px;"><img src="http://online2.map.bdimg.com/tile/?qt=tile&x=3223&y=554&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -7px; top: -446px;"><img src="http://online0.map.bdimg.com/tile/?qt=tile&x=3223&y=552&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -7px; top: 66px;"><img src="http://online2.map.bdimg.com/tile/?qt=tile&x=3224&y=553&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 249px; top: -190px;"><img src="http://online0.map.bdimg.com/tile/?qt=tile&x=3222&y=553&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -263px; top: -190px;"><img src="http://online1.map.bdimg.com/tile/?qt=tile&x=3224&y=552&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 249px; top: 66px;"><img src="http://online4.map.bdimg.com/tile/?qt=tile&x=3222&y=552&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -263px; top: 66px;"><img src="http://online1.map.bdimg.com/tile/?qt=tile&x=3223&y=553&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -7px; top: -190px;"><img src="http://online0.map.bdimg.com/tile/?qt=tile&x=3221&y=554&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -519px; top: -446px;"><img src="http://online3.map.bdimg.com/tile/?qt=tile&x=3221&y=552&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -519px; top: 66px;"><img src="http://online3.map.bdimg.com/tile/?qt=tile&x=3224&y=554&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 249px; top: -446px;"><img src="http://online4.map.bdimg.com/tile/?qt=tile&x=3221&y=553&z=14&styles=pl&udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -519px; top: -190px;"></div></div><div id="zoomer" style="position: absolute; z-index: 0; top: -42.5px; left: 476px; overflow: hidden; visibility: hidden; cursor: url(http://api.map.baidu.com/images/openhand.cur) 8 8, default; width: 120px; height: 91px;"><div class="BMap_zoomer" style="top: 0px; left: 0px; background-position: 0px 0px;"></div><div class="BMap_zoomer" style="top: 0px; right: 0px; background-position: -7px 0px;"></div><div class="BMap_zoomer" style="bottom: 0px; left: 0px; background-position: 0px -7px;"></div><div class="BMap_zoomer" style="bottom: 0px; right: 0px; background-position: -7px -7px;"></div></div><div class=" anchorBL" style="height: 32px; position: absolute; z-index: 10; bottom: 0px; right: auto; top: auto; left: 1px;"><a title="到百度地图首页" target="_blank" href="http://map.baidu.com/?sr=1" style="outline: none;"><img style="border:none;width:77px;height:32px" src="http://api.map.baidu.com/images/copyright_logo.png"></a></div><div unselectable="on" class=" BMap_cpyCtrl anchorBL" style="cursor: default; white-space: nowrap; bottom: 2px; right: auto; top: auto; left: 81px; position: absolute; z-index: 10;"><span style="color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-family: arial, simsun; display: inline; background: none;" _cid="1">© 2015 Baidu</span></div><div unselectable="on" class=" BMap_stdMpCtrl BMap_stdMpType0 BMap_noprint anchorTL" style="width: 52px; height: 226px; bottom: auto; right: auto; top: 10px; left: 10px; position: absolute; z-index: 1100;"><div class="BMap_stdMpPan"><div class="BMap_button BMap_panN" title="向上平移"></div><div class="BMap_button BMap_panW" title="向左平移"></div><div class="BMap_button BMap_panE" title="向右平移"></div><div class="BMap_button BMap_panS" title="向下平移"></div><div class="BMap_stdMpPanBg BMap_smcbg"></div></div><div class="BMap_stdMpZoom" style="height: 167px; width: 52px;"><div style="height: 167px; width: 37px;"><div class="BMap_button BMap_stdMpZoomIn" title="放大一级"><div class="BMap_smcbg"></div></div><div class="BMap_button BMap_stdMpZoomOut" title="缩小一级"><div class="BMap_smcbg"></div></div></div><div class="BMap_stdMpSlider" style="height: 133px;"><div class="BMap_stdMpSliderBgTop" style="height: 124px;"><div class="BMap_smcbg"></div></div><div class="BMap_stdMpSliderBgBot" style="top: 124px;"><div class="BMap_smcbg"></div></div><div class="BMap_stdMpSliderMask" title="放置到此级别"></div><div class="BMap_stdMpSliderBar" title="拖动缩放" style="cursor: url(http://api.map.baidu.com/images/openhand.cur) 8 8, default; top: 29px;"><div class="BMap_smcbg"></div></div></div><div class="BMap_zlHolder"><div class="BMap_zlSt"><div class="BMap_smcbg"></div></div><div class="BMap_zlCity"><div class="BMap_smcbg"></div></div><div class="BMap_zlProv"><div class="BMap_smcbg"></div></div><div class="BMap_zlCountry"><div class="BMap_smcbg"></div></div></div></div></div><div unselectable="on" class=" BMap_scaleCtrl BMap_noprint anchorBL" style="bottom: 18px; right: auto; top: auto; left: 81px; width: 69px; position: absolute; z-index: 10;"><div class="BMap_scaleTxt" unselectable="on">1 公里</div><div class="BMap_scaleBar BMap_scaleHBar"><img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png"></div><div class="BMap_scaleBar BMap_scaleLBar"><img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png"></div><div class="BMap_scaleBar BMap_scaleRBar"><img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png"></div></div></div></td></tr></tbody></table> <!-- ***************** --></form><!-- 需要提交的表单 end --> <!-- 上传图片 start--> <table width="100%" border="0" cellpadding="3" cellspacing="1"><tr><td class="left_title_1" width="20%"><span class="text-error">* </span>商铺图片:</td ><td class="left_title_4" width="80%"><div><ul><li class="list-item"><div class="kevin-photo"><a href="javascript:;"><span id="s1"></span></a></div><form class="upload" action="/poobo/admin/fileUpload.jspx" method="POST" enctype="multipart/form-data" style="width:130px;"> <input type="hidden" name="number" value="1" /> <input type="hidden" name="path" value="store" /> <input type="hidden" name="isNull" value="<s:property value='picPath'/>"/> <input id="1" type="file" name="imgFile"> <button>Upload</button> <div>上传图片</div></form></li></ul></div><span id="msg1"></span></td></tr><tr><td class="left_title_3"></td><td class="left_title_4"><basefont size="2" color="#e56600">图片大小应小于500k,如果图片大于500k,请截图缩减图片大小,建议尺寸:400*250!!</td></tr></table> <!-- 上传图片 end--><div style="padding-left:45%;"><input type="button" class="selectBtn80" value="提交" id="submitBtn" /></div></div></div></div><script type="text/javascript" > var mapLng; var mapLat; $(function($){ mapLng= $("#mapLng").val(); mapLat= $("#mapLat").val(); if(""==mapLng||""==mapLat){ var myCity = new BMap.LocalCity();myCity.get(myFun); }else{ drawMap(mapLng,mapLat,16); } }); var city = new BMap.LocalSearch(map,{renderOptions:{map:map,autoViewport:true}}); /*地图显示到查询结果处*/function searchKeyMap(){ var s = $("#txtSearch").val(); if(s==""||s==null) { alert("请输入搜索地区!"); return false; }else{ city.search(s); } } function myFun(result){mapLng=result.center.lng;mapLat=result.center.lat;drawMap(mapLng,mapLat,12);} function drawMap(mapLng,mapLat,level){ var map = new BMap.Map("map_canvas"); /* 创建地图实例 */var point = new BMap.Point(mapLng,mapLat); /* 创建点坐标 */map.centerAndZoom(point, level); /* 初始化地图,设置中心点坐标和地图级别 */map.addControl(new BMap.NavigationControl()); /*添加鱼骨控件*/map.addControl(new BMap.ScaleControl());/*比例尺*/map.enableScrollWheelZoom(); /* 开启鼠标滚轮缩放 */map.enableKeyboard(); /* 开启键盘控制 */map.enableContinuousZoom(); /* 开启连续缩放效果 */map.enableInertialDragging(); /* 开启惯性拖拽效果 */var marker1 = new BMap.Marker(point); /* 创建标注*/map.addOverlay(marker1); /* 将标注添加到地图中*/marker1.enableDragging(true); /* 设置标注可拖拽*/ marker1.addEventListener("dragend", function(){var center=marker1.getPoint(); $("#mapLng").val(center.lng); $("#mapLat").val(center.lat); }); map.addEventListener("click", function (e) { map.clearOverlays(); point = new BMap.Point(e.point.lng, e.point.lat); $("#mapLng").val(e.point.lng); $("#mapLat").val(e.point.lat); var marker = new BMap.Marker(point); map.addOverlay(marker); marker.enableDragging(true); /* 设置标注可拖拽*/ marker.addEventListener("dragend", function(){var center=marker.getPoint(); $("#mapLng").val(center.lng); $("#mapLat").val(center.lat); }); }); } </script> </body></html>
3、js
//提交表单function ajaxSubmitForm(){$.ajax({type : "POST",url : "poobo/store/saveStore.jspx",data : $("#submitForm").serialize(),dataType : "json",success : function(data) {if (data.flag) {// 成功showSuccessMsg(data.msg, 2);// 提示成功,2秒钟关闭//加载列表页面$(".container").load("poobo/store/toStoreList.jspx");}else{//失败showFailureMsg(data.msg, 1);// 提示成功,2秒钟关闭}}});}$(function($) {//页面加载完成事件//////////////////////////验证表单////////////////////////////////////////////////////////// $("#submitForm").validate({rules : {"store.storeName":{//登录名required : true,minlength:2,maxlength:40,isName:true},"store.phone":{//电话required : true,isMobile:true},"store.mainDate":{//营业时间required : true,minlength:2,maxlength:200},"store.storeSampleInfo":{//简介required : true,minlength:2,maxlength:1000},"store.address":{//地址required : true,minlength:2,maxlength:100},"store.storeAccount.limitMoney":{//额度isMoney:true}},//验证结果messages : {"store.storeName":{required : "请填写用户名", minlength:"用户名不能少于2个字符", maxlength:"用户名不能超过40个字符", isName : "用户名必须为数字、字母、下划线及其组合"},"store.phone":{//电话required : "请填写电话",isMobile:"手机号格式错误"},"store.mainDate":{//营业时间required : "营业时间必填",minlength:"至少2个字符",maxlength:"最多200个字符"},"store.storeSampleInfo":{//简介required : "简介必填",minlength:"至少2个字符",maxlength:"最多1000个字符"},"store.address":{//地址required : "地址必填",minlength:"至少2个字符",maxlength:"最多100个字符"},"store.storeAccount.limitMoney":{//额度isMoney:"必须为整数"}} ,submitHandler : function(form) {ajaxSubmitForm();},success : function(label) {label.addClass("success").text("输入正确");},errorPlacement : function(error, element) {error.appendTo(element.next("span").next("span"));},onkeyup : false});/////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////提交按钮///////////////////////////////////////////////////////////////////////////////////$("#submitBtn").click(function(){$("#submitForm").submit();});////////////////////////////////////////////////////////////////////////////////////////////////////////*商铺图片上传初始化*/$('.upload').fileUploadUI({ buildDownloadRow: function (file) { /*记录上传的图片的集合*/ var fileUploadPic=$("#fileUploadPic").val(); if(fileUploadPic==""){ //fileUploadPic=file.name+","; fileUploadPic=file.name; $("#fileUploadPic").val(fileUploadPic); }else{ //fileUploadPic=file.name+","; fileUploadPic=file.name; $("#fileUploadPic").val(fileUploadPic); } var id="#s"+file.number; var imgId="#img"+file.number; if(file.status=="0" && file.number == 1){ $(id).html("<img src='/img/store/original_copy/"+file.name+"' style=\"width:110px;height:110px;\"\/>"); $(imgId).val(file.name); } else{ alert(file.message); $(id).html(""); $(imgId).val(""); } }, beforeSend: function (event, files, index, xhr, handler, callBack) { var file=files[index]; var regexp = /\.(png)|(jpg)|(gif)|(jpeg)$/i; var id="#s"+$(this.uploadForm.prevObject).attr("id"); if(!regexp.test(file.name)){ alert("请选择一个图片文件"); return; } if(file.fileSize>=512000 || file.size > 512000) { alert("图片请不要超过500k"); return; } $(id).html("<img id='image1' src='/css/jquery/loading.gif' \/>"); callBack(); }, onError: function (event, files, index, xhr, handler) { var id="#s"+$(this.uploadForm.prevObject).attr("id"); var imgId="#img"+$(this.uploadForm.prevObject).attr("id"); if (handler.originalEvent) { $(id).html(""); $(imgId).val(""); alert("图片请不要超过500k"); }else{ $(id).html(""); $(imgId).val(""); alert("抱歉,服务器不能响应您的请求,请稍后再试"); }} });/*商品图片设置*/setPics();});//////////////////////////////////////////////////////////////////////////////////////////////function setPics(){//2015.03.31加载原先的头像 var path=$("#img1").val(); var picPath = "/img/store/original_copy/"+path+"?temp="+Math.random(); var id="#s1";if(path == null || path == ''){$(id).html("<img src='/poobo/img/default_pic.jpg' style=\"width:110px;height:110px;\"\/>");$("#img1").val("default_pic.jpg"); return ; } $(id).html("<img src='"+picPath+"' style=\"width:110px;height:110px;\"\/>"); $("#originalPic").val(path);}//////////////////////////////////////////////////////////////////////////////////////////////
4、自定义校验方法
jQuery.validator.addMethod("isMobile", function(value, element) { var length = value.length; var mobile = /^(1+(3|4|5|7|8|9)+\d{9})$/; return this.optional(element) || (length == 11 && mobile.test(value)); }, "请正确填写您的手机号码"); jQuery.validator.addMethod("isName", function(value, element) { var name = /^[\u0391-\uFFE5\w]{2,30}$/; return this.optional(element) || (name.test(value)); }, "请正确填写名称"); jQuery.validator.addMethod("isMoney", function(value, element) { var reg = /^[0-9]+([.]{1}[0-9]{1,2})?$/; return this.optional(element) || (reg.test(value)); }, "请正确填写金额"); jQuery.validator.addMethod("notZero", function(value, element) { var flag=false; if(value>0){ flag=true; } return this.optional(element) || (flag); }, "填写值必须大于零");
0 0
- jquery validate 单个校验+全部校验
- jquery validate 校验心得
- jQuery validate 校验
- jQuery validate校验
- jQuery校验validate详解
- jquery.validate校验库
- jquery validate表单校验
- jQuery validate 校验
- Jquery validate 前段校验
- jQuery Validate自定义校验
- jQuery中的validate校验
- jquery.validate校验
- [jQuery Validate]前端校验
- JQuery -- Validate, Jquery 表单校验
- jQuery校验---jquery validate 详解
- jQuery.validate的校验规则
- javaScript前台校验jQuery.validate
- jquery validate 自定义校验方法
- java数组与集合
- 环境搭建(一)hadoop2.2.0 (ubuntu10.0.4)
- 手机app服务器端开发初期---工具选择
- Java深度历险(四)——Java垃圾回收机制与引用类型
- 推送注册
- jquery validate 单个校验+全部校验
- Team Foundation Server 的系统要求
- Java深度历险(五)——Java泛型
- Android项目中无法生成R文件的问题解决办法
- uiscrollview autolayout contentsize 偏移错误
- Java系列-final、static、finally、finalize的比较
- LeetCode Reverse Linked List II
- 环境搭建(二)spark1.0.2 (ubuntu10.0.4)
- 黑马程序员_面向对象05