validform表单验证插件最终版

article/2025/9/10 7:27:40

做个笔记,以后直接用吧。

报名界面:

<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<%@ include file="/public/taglibs.jsp"%>
<%@ include file="/public/artDialog.jsp"%>
<html><head><title>${webname}-报名界面</title><%@ include file="/public/meta.jsp"%><script type="text/javascript" src="/js/common/Data_location.js"></script><script type="text/javascript" src="/js/common/Data_folk.js"></script><script type="text/javascript" src="/js/common/Data_edu.js"></script><script type="text/javascript" src="/js/common/Data_depart.js"></script><script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script><link rel="stylesheet" href="/js/jquery/plugins/validform/style.css" type="text/css" media="all" /><link rel="stylesheet" href="/css/index.css" type="text/css" media="all" /><style type="text/css">
#area_td select {width: 115px;
}
</style><script type="text/javascript">//DOM加载完成后即初始化动态数据,代替onload避免图片加载时的等待$(document).ready(function() {init();});		function init(){getAllDps();getAllFolks();getAllEducations();getAllProvs();//查询省}function getAllEducations(){for(var index in location_edus){var edu = location_edus[index];$("#education").append("<option value="+edu.id+" >"+edu.n+"</option>");}}function getAllFolks(){for(var index in location_folks){var folk = location_folks[index];$("#folk").append("<option value="+folk.id+" >"+folk.n+"</option>");}}function getAllDps(){for(var index in location_departs){var depart = location_departs[index];$("#dp").append("<option value="+depart.id+" >"+depart.n+"</option>");}}function getAllProvs(currentcode){for(var index in location_provs){var prov = location_provs[index];$("#prov").append("<option value="+prov.c+" >"+prov.n+"</option>");}}function getCitiesByProvCode(currentcode){var provcode=$("#prov option:selected").val();$("#area").empty();  $("#area").append("<option value=\"-1\" >请选择</option>");$("#city").empty();  $("#city").append("<option value=\"-1\" >请选择</option>");for(var index in location_cities){var city = location_cities[index];if(city.p==provcode){var s='';if(currentcode==city.c){s='selected="selected"';}$("#city").append("<option "+s+" value="+city.c+" >"+city.n+"</option>");}}} function getAreasByCityCode(currentcode){var citycode=$("#city option:selected").val();$("#area").empty();  $("#area").append("<option value=\"-1\" >请选择</option>");for(var index in location_areas){var area = location_areas[index];if(area.p==citycode){var s='';if(currentcode==area.c){s='selected="selected"';}$("#area").append("<option "+s+" value="+area.c+" >"+area.n+"</option>");}}}</script></head><body><div class="container"><div id="topmenu"><IFRAME NAME="topm" width=100% height="217px" frameborder=0 marginwidth=0 marginheight=0 SRC="/public/head.html" scrolling=noallowTransparency="true"></IFRAME></div><div class="centent_zxzc"><div class="left_zxzc"><p>右侧表格中带*是必填项;已注册用户请勿重复注册,您的<span class="red">默认密码为:111111</span>,请您登陆后修改密码,忘记密码请联系我们。请您务必准确填写各项信息,信息的准确度将直接影响您的报名资质及后期发票、学习资料和结业证书送达工作。</p></div><div class="right_zxzc"><div class="zxzc_title"><img src="../images/zxzc_03.gif"></div><form action="/register/peBzzRec_register.action" method="post" class="registerfrm"><table class="datalist3" cellpadding="0" cellspacing="0" width="680"><tr><td width="80" rowspan="7" align="center" bgcolor="#f3f3f3">个人信息</td><td width="60"><span class="redfont">*</span>用户名</td><td class="lefttd"><input type="text" name="peBzzRecruit.ssoUser.userName" ajaxurl="/register/peBzzRec_checkUsername.action" id="loginId" class="inputxt"datatype="u3-19" errormsg="用户名4-20个汉字、字母、下划线和数字!" maxlength="30" size="30" /><span class="Validform_checktip">用于登录名。长度为4-20,只能输入字母、数字和下划线</span></td></tr><tr><td><span class="redfont">*</span>密  码</td><td class="lefttd"><input type="text" value="111111" readonly="readonly" size="30" maxlength="25" /><span class="Validform_checktip">默认密码:6个1。请您牢记密码!登录后可修改。</span></td></tr><tr><td><span class="redfont">*</span>姓  名</td><td class="lefttd"><input type="text" name="peBzzRecruit.name" id="name" class="inputxt" datatype="t2-15" errormsg="姓名2-15个汉字、字母、下划线和数字!" maxlength="30"size="30" /><span class="Validform_checktip">请填写您的真实姓名,用于证书发放</span></td></tr><tr><td><span class="redfont">*</span>性  别</td><td class="lefttd"><select name="peBzzRecruit.enumConstByGender.id" datatype="*" nullmsg="请选择性别" style="width: 175px;"><option value="">--- 请选择性别---</option><option value="402880911da481e0011da4963df60004">男</option><option value="402880911da481e0011da49697130005">女</option></select><span class="Validform_checktip"></span></td></tr><tr><td><span class="redfont"></span>民  族</td><td class="lefttd"><SELECT id="folk" name="peBzzRecruit.enumConstByFlagFolk.id" style="width: 175px;"><OPTION value="-1">--- 请选择民族---</OPTION></SELECT><span class="Validform_checktip"></span></td></tr><tr><td><span class="redfont">*</span>出生日期</td><td class="lefttd"><input type="text" name="peBzzRecruit.birthdayDate" datatype="*" id="birthday" readonly="readonly"onClick="WdatePicker({maxDate:'%y-%M-%d'})" size="30" /><span class="Validform_checktip">请选择您的真实出生日期,用于证书发放。</span></td></tr><tr><td><span class="redfont">*</span>学  历</td><td class="lefttd"><select id="education" name="peBzzRecruit.enumConstByFlagEducation.id" datatype="*" nullmsg="请选择学历" style="width: 175px;"><option value="">--- 请选择学历---</option></select><span class="Validform_checktip"></span></td></tr><tr><td width="50" rowspan="9" align="center" bgcolor="#f3f3f3">通讯信息</td><td><span class="redfont">*</span>工作单位</td><td class="lefttd"><input type="text" name="peBzzRecruit.department" id="depart" class="inputxt" datatype="t4-25" errormsg="工作单位4-25个汉字、字母、下划线和数字!"maxlength="50" size="30" /><span class="Validform_checktip">工作单位4-25个汉字、字母、下划线和数字</span></td></tr><tr><td><span class="redfont"></span>职称职务</td><td class="lefttd"><input type="text" name="peBzzRecruit.position" id="position" class="inputxt" ignore="ignore" datatype="t2-15"errormsg="职称2-15个汉字、字母、下划线和数字!" maxlength="30" size="30" /><span class="Validform_checktip">职称2-15个字符 </span></td></tr><tr><td><span class="redfont">*</span>手  机</td><td class="lefttd"><input type="text" name="peBzzRecruit.mobilePhone" id="mobilePhone" class="inputxt mobile" datatype="m" errormsg="手机号为11位有效号码!"maxlength="30" size="30" /><span class="Validform_checktip">请输入11位有效手机号,方便学习联系。</span></td></tr><tr><td><span class="redfont">*</span>电  话</td><td class="lefttd"><input type="text" name="peBzzRecruit.phone" id="phone" class="inputxt" datatype="c" errormsg="电话号码格式不正确!" maxlength="30" size="30" /><span class="Validform_checktip">例如:0712-7827881,58731118</span></td></tr><tr><td>传  真</td><td class="lefttd"><input type="text" ignore="ignore" name="peBzzRecruit.fax" id="fax" class="inputxt" datatype="c" errormsg="传真格式为0712-7827881或58731118!"maxlength="30" size="30" /><span class="Validform_checktip">和电话号码格式一致</span></td></tr><tr><td><span class="redfont">*</span>Email</td><td class="lefttd"><input type="text" name="peBzzRecruit.email" id="email" class="inputxt" datatype="e" errormsg="邮箱格式不正确!" maxlength="30" size="30" /><span class="Validform_checktip">请输入真实邮件地址,用于发送您的报名信息。</span></td></tr><tr><td><span class="redfont">*</span>邮政编码</td><td class="lefttd"><input type="text" ignore="ignore" name="peBzzRecruit.zipcode" id="zipcode" οnkeypress="KeyPress(this.value);" class="inputxt" datatype="p"errormsg="邮政编码6个数字!" maxlength="30" size="30" /><span class="Validform_checktip">请输入6位邮政编码 </span></td></tr><tr><td><span class="redfont">*</span>所在地区</td><td class="lefttd" id="area_td" colspan="3"><select id="prov" name="provcode" οnchange="getCitiesByProvCode();" datatype="city"><option value="-1">请选择</option></select><select id="city" name="citycode" οnchange="getAreasByCityCode();" style="margin-left: 20px;" datatype="city"><option value="-1">请选择</option></select><select id="area" name="peBzzRecruit.peEnterprise.code" style="margin-left: 20px;" datatype="city"><option value="-1">请选择</option></select><span class="Validform_checktip"></span></td></tr><tr><td><span class="redfont">*</span>详细地址</td><td class="lefttd" colspan="3"><input type="text" name="peBzzRecruit.address" id="address" maxlength="25" size="30" class="inputxt" datatype="t4-25"errormsg="地址4-25个汉字、字母、下划线和数字!" maxlength="30" /><span class="Validform_checktip">上面选择省市,此处仅写除省市外的详细地址</span></td></tr><tr><td bgcolor="#f3f3f3">单位属性</td><td><span class="redfont">*</span>单位属性</td><td class="lefttd" colspan="2"><select id="dp" name="peBzzRecruit.enumConstByFlagDepartProperty.id" datatype="*" nullmsg="请选择单位属性" style="width: 175px;"><option value="">--- 请选择单位属性---</option></select><span class="Validform_checktip">请选择您的单位属性</span></td></tr></table><div style="padding-right: 200px;"><input style="display: none;" type="submit" value="提交" id="sub" /><input style="display: none;" type="reset" value="重填" id="res" /><div class="tijiao"><a href="javascript:void(0);" οnclick="$('#res').click();">重填</a></div><div class="tijiao" id="subdiv"><a id="subbtn" href="javascript:void(0);" οnclick="$('#sub').click();">提交</a></div><span id="msgdemo" style="margin-left: 30px;"></span><br /><br /><br /></div></form></div></div><div id="bottommenu"><IFRAME NAME="bottomm" width=100% height="100px" frameborder=0 marginwidth=0 marginheight=0 SRC="/public/bottom.html" scrolling=noallowTransparency="true" align="center"></IFRAME></div></div></body><script type="text/javascript" src="/js/jquery/plugins/validform/Validform.js"></script><script type="text/javascript">
$(function() {var showmsg=function(msg){//假定你的信息提示方法为showmsg, 在方法里可以接收参数msg,当然也可以接收到o及cssctl;if(msg.stat=="y"){window.location.href=msg.url;}else if(msg.stat&&msg.stat!="undefined"){$("#subbtn").disabled="";//启用提交按钮,如果出现错误可以再次提交artAlert("在线报名失败,原因:"+msg.stat,"e");}}$(".registerfrm").Validform({tiptype:function(msg,o,cssctl){if(!o.obj.is("form")){//验证表单元素时o.obj为该表单元素,全部验证通过提交表单时o.obj为该表单对象;//var objtip=$("#Validform_checktip");var objtip=o.obj.siblings(".Validform_checktip");//指定错误提示控件cssctl(objtip,o.type);objtip.text(msg);}else{//type指示提示的状态,值为1、2、3、4, 1:正在检测/提交数据,2:通过验证,3:验证失败if(o.type=="1"){$("#subbtn").disabled="disabled";//提交时禁用提交按钮}}},ajaxPost:true,callback:function(data){showmsg(data);},showAllError:true,//一次性提示所有错误,正式和测试可用datatype:{//传入自定义datatype类型"u2-4" : /^[0-9a-zA-Z]{1}\w{2,4}$/,//数字和字母开头,后面可以有下划线u2-4和后面的{2,4}数字保持一致"c":/^(\d{3,4}-)?\d{7,8}$/,//传真或电话"t2-4" : /^([\u4E00-\u9FA5\uf900-\ufa2d]|\w){2,4}$/,//中文,字母,下划线和数字"phone":function(gets,obj,curform,regxp){/*参数gets是获取到的表单元素值,obj为当前表单元素,curform为当前验证的表单,regxp为内置的一些正则表达式的引用。*/var reg1=regxp["m"],reg2=/(^(\d{3,4}-)?\d{7,8})$/,//电话号码3-4位前,7-8位尾mobile=curform.find(".mobile");//如果手机和电话号码都不为空if(mobile.val()!=""&&gets!=""){if(reg1.test(mobile.val())){if(reg2.test(gets)){return true;}else{return "电话号码格式不正确。";}}else{return "手机号码格式不正确。";}}if(reg2.test(gets)){if(mobile.val()!=""&&mobile.val().replace(/(^\s*)|(\s*$)/g, "")==""){return "手机号码不能为空或空格";}else{return true;}}if(reg1.test(mobile.val())){if(gets!=""&&gets.replace(/(^\s*)|(\s*$)/g, "")!=""){return "电话号码不能为空或空格";}else{return true;}}return false;},"city":function(gets,obj,curform,regxp){var prov=$("#prov option:selected").val();if(prov==-1){return "请选择省份!";}else{var c=$("#city").find("option");if(c.length>1){var city=$("#city option:selected").val();if(city==-1){return "请选择市!";}else{var a=$("#area").find("option");if(a.length>1){var area=$("#area option:selected").val();if(area==-1){return "请选择县!";}}}}}return true;}}});
})
</script>
</html>


上面导入的JS中,比如这样一个:

var location_edus =[{"id":"education01","n":"初中"},{"id":"education02","n":"高中"},{"id":"education03","n":"职高"},{"id":"education04","n":"中专"},{"id":"education05","n":"技校"},{"id":"education06","n":"大专"},{"id":"education07","n":"本科"},{"id":"education08","n":"硕士"},{"id":"education09","n":"博士"}];


 

修改界面:

<%@ page language="java" pageEncoding="UTF-8" contentType="text/html;charset=UTF-8"%>
<%@ include file="/public/taglibs.jsp"%>
<%@ include file="/public/checkLogin.jsp"%>
<html><head><title>${webname}-报名个人信息</title><%@ include file="/public/meta.jsp"%><%@ include file="/public/artDialog.jsp"%><script type="text/javascript" src="/js/common/Data_location.js"></script><script type="text/javascript" src="/js/common/Data_folk.js"></script><script type="text/javascript" src="/js/common/Data_edu.js"></script><script type="text/javascript" src="/js/common/Data_depart.js"></script><script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script><link rel="stylesheet" href="/js/jquery/plugins/validform/style.css" type="text/css" media="all" /><link rel="stylesheet" href="/css/index.css" type="text/css" media="all" /><style type="text/css">
#area_td select {width: 115px;
}
</style><script type="text/javascript">$(document).ready(function() {init();});function init(){getAllDps();getAllFolks();getAllEducations();var level='<s:property value="#attr.peBzzStudent.peEnterprise.level"/>';var currentcode='<s:property value="#attr.peBzzStudent.peEnterprise.code"/>';//用户所在省,市,县if(level==1){getAllProvs(currentcode);//查询省}else if(level==2){//如果是2级,则查询2级市var provcode='<s:property value="#attr.peBzzStudent.peEnterprise.peEnterprise.code"/>';getAllProvs(provcode);//查询省getCitiesByProvCode(currentcode);//0表示首次加载时 根据省查询市}else if(level==3){//如果是3级,则查询2级市和县区var provcode='<s:property value="#attr.peBzzStudent.peEnterprise.peEnterprise.peEnterprise.code"/>';var citycode='<s:property value="#attr.peBzzStudent.peEnterprise.peEnterprise.code"/>';getAllProvs(provcode);//查询省getCitiesByProvCode(citycode);getAreasByCityCode(currentcode);如果是3级,则查询3级县区}else{getAllProvs();//查询省}}function getAllEducations(){for(var index in location_edus){var edu = location_edus[index];var s='';var eid='<s:property value="#attr.peBzzStudent.enumConstByFlagEducation.id"/>';if(eid==edu.id){s='selected="selected"';}$("#education").append("<option "+s+" value="+edu.id+" >"+edu.n+"</option>");}}function getAllFolks(){for(var index in location_folks){var folk = location_folks[index];var s='';var fid='<s:property value="#attr.peBzzStudent.enumConstByFlagFolk.id"/>';if(fid==folk.id){s='selected="selected"';} $("#folk").append("<option "+s+" value="+folk.id+" >"+folk.n+"</option>");}}function getAllDps(){for(var index in location_departs){var depart = location_departs[index];var s='';var fid='<s:property value="#attr.peBzzStudent.enumConstByFlagDepartProperty.id"/>';if(fid==depart.id){s='selected="selected"';} $("#dp").append("<option "+s+" value="+depart.id+" >"+depart.n+"</option>");}}function getAllProvs(currentcode){for(var index in location_provs){var prov = location_provs[index];var s='';if(currentcode==prov.c){s='selected="selected"';}$("#prov").append("<option "+s+" value="+prov.c+" >"+prov.n+"</option>");}}function getCitiesByProvCode(currentcode){var provcode=$("#prov option:selected").val();$("#area").empty();  $("#area").append("<option value=\"-1\" >请选择</option>");$("#city").empty();  $("#city").append("<option value=\"-1\" >请选择</option>");for(var index in location_cities){var city = location_cities[index];if(city.p==provcode){var s='';if(currentcode==city.c){s='selected="selected"';}$("#city").append("<option "+s+" value="+city.c+" >"+city.n+"</option>");}}} function getAreasByCityCode(currentcode){var citycode=$("#city option:selected").val();$("#area").empty();  $("#area").append("<option value=\"-1\" >请选择</option>");for(var index in location_areas){var area = location_areas[index];if(area.p==citycode){var s='';if(currentcode==area.c){s='selected="selected"';}$("#area").append("<option "+s+" value="+area.c+" >"+area.n+"</option>");}}}</script></head><body><div class="centent_zxzc"><div style="margin-left: 20px;"><form action="/entity/workspaceStudent/bzzstudent_examModifyInfo.action" method="post" name="registerfrm" class="registerfrm"><table class="datalist3" cellpadding="0" style="float: left;" cellspacing="0" width="770"><caption style="font-size: 20px; color: green; margin: 10px 0px 10px 0px;">*     学 员 基 本 信 息     *</span></caption><tr><td width="80" rowspan="6" align="center" bgcolor="#f3f3f3">个人信息</td><td width="60"><span class="redfont">*</span>用户名</td><td class="lefttd"><input type="text" name="peBzzStudent.ssoUser.loginId" value="${peBzzStudent.ssoUser.userName}" id="loginId" readonly="readonly"maxlength="30" size="30" /><span class="Validform_checktip">用户名不可更改!</span></td></tr><tr><td><span class="redfont">*</span>姓  名</td><td class="lefttd"><input type="text" name="peBzzStudent.trueName" value="${peBzzStudent.trueName}" id="name" class="inputxt" datatype="t2-15"errormsg="姓名2-15个汉字、字母、下划线和数字!" maxlength="25" size="30" /><span class="Validform_checktip">请填写您的真实姓名,用于证书发放</span></td></tr><tr><td><span class="redfont">*</span>性  别</td><td class="lefttd"><%--sex的value指定为id,懒加载--%><select name="peBzzStudent.enumConstByGender.id" datatype="*" nullmsg="请选择性别" style="width: 175px;"><option value="">--- 请选择性别---</option><option value="402880911da481e0011da4963df60004" <c:if test="${peBzzStudent.enumConstByGender !=null&&peBzzStudent.enumConstByGender.id eq '402880911da481e0011da4963df60004'}"> selected="selected" </c:if>>男</option><option value="402880911da481e0011da49697130005" <c:if test="${peBzzStudent.enumConstByGender !=null&&peBzzStudent.enumConstByGender.id eq '402880911da481e0011da49697130005'}"> selected="selected" </c:if>>女</option></select><span class="Validform_checktip"></span></td></tr><tr><td><span class="redfont"></span>民  族</td><td class="lefttd"><SELECT id="folk" ignore="ignore" datatype="*" name="peBzzStudent.enumConstByFlagFolk.id" style="width: 175px;"><OPTION value="">---请选择民族---</OPTION></SELECT><span class="Validform_checktip"></span></td></tr><tr><td><span class="redfont">*</span>出生日期</td><td class="lefttd"><input type="text" name="peBzzStudent.birthdayDate" datatype="*"value="<fmt:formatDate pattern="yyyy-MM-dd" value="${peBzzStudent.birthdayDate}"/>" id="birthday" readonly="readonly"onClick="WdatePicker({maxDate:'%y-%M-%d'})" size="30" /><span class="Validform_checktip">请选择您的真实出生日期,用于证书发放。</span></td></tr><tr><td><span class="redfont">*</span>学  历</td><td class="lefttd"><select id="education" name="peBzzStudent.enumConstByFlagEducation.id" datatype="*" style="width: 175px;"><option value="">---请选择学历---</option></select><span class="Validform_checktip"></span></td></tr><tr><td width="50" rowspan="9" align="center" bgcolor="#f3f3f3">通讯信息</td><td><span class="redfont">*</span>工作单位</td><td class="lefttd"><input type="text" name="peBzzStudent.department" value="${peBzzStudent.department}" id="depart" class="inputxt" datatype="t4-25"errormsg="工作单位4-25个汉字、字母、下划线和数字!" maxlength="50" size="30" /><span class="Validform_checktip">工作单位4-25个汉字、字母、下划线和数字</span></td></tr><tr><td><span class="redfont"></span>职称职务</td><td class="lefttd"><input type="text" ignore="ignore" name="peBzzStudent.position" value="${peBzzStudent.position}" id="position" class="inputxt"datatype="t2-15" errormsg="职称2-15个汉字、字母、下划线和数字!!" maxlength="30" size="30" /><span class="Validform_checktip">职称2-15个汉字、字母、下划线和数字!</span></td></tr><tr><td><span class="redfont">*</span>手  机</td><td class="lefttd"><input type="text" name="peBzzStudent.mobilePhone" value="${peBzzStudent.mobilePhone}" οnkeypress="KeyPress(this.value);" id="mobilePhone"class="inputxt mobile" datatype="m" errormsg="手机号为11位有效数字!" maxlength="30" size="30" /><span class="Validform_checktip">请输入11位有效手机号,方便学习联系。</span></td></tr><tr><td><span class="redfont">*</span>电  话</td><td class="lefttd"><input type="text" name="peBzzStudent.phone" value="${peBzzStudent.phone}" id="phone" class="inputxt" datatype="c" errormsg="电话号码格式不正确!"maxlength="30" size="30" /><span class="Validform_checktip">例如:0712-7827881,58731118</span></td></tr><tr><td>传  真</td><td class="lefttd"><input type="text" ignore="ignore" name="peBzzStudent.fax" value="${peBzzStudent.fax}" id="fax" class="inputxt" datatype="c"errormsg="传真格式为0712-7827881或58731118!" maxlength="30" size="30" /><span class="Validform_checktip">与电话号码格式一致</span></td></tr><tr><td><span class="redfont">*</span>Email</td><td class="lefttd"><input type="text" name="peBzzStudent.email" value="${peBzzStudent.email}" id="email" class="inputxt" datatype="e" errormsg="邮箱格式不正确!"maxlength="30" size="30" /><span class="Validform_checktip">请输入真实邮件地址,用于发送您的报名信息。</span></td></tr><tr><td><span class="redfont">*</span>邮政编码</td><td class="lefttd"><input type="text" ignore="ignore" name="peBzzStudent.zipcode" value="${peBzzStudent.zipcode}" id="zipcode" οnkeypress="KeyPress(this.value);"class="inputxt" datatype="p" errormsg="邮政编码6个数字!" maxlength="30" size="30" /><span class="Validform_checktip">请输入6位邮政编码</span></td></tr><tr><td><span class="redfont">*</span>所在地区</td><td class="lefttd" id="area_td"><select id="prov" name="provcode" οnchange="getCitiesByProvCode();" datatype="city"><option value="-1">请选择</option></select><select id="city" name="citycode" οnchange="getAreasByCityCode();" style="margin-left: 20px;" datatype="city"><option value="-1">请选择</option></select><select id="area" name="peBzzStudent.peEnterprise.code" style="margin-left: 20px;" datatype="city"><option value="-1">请选择</option></select><span class="Validform_checktip"></span></td></tr><tr><td><span class="redfont">*</span>详细地址</td><td class="lefttd"><input type="text" name="peBzzStudent.address" value="${peBzzStudent.address}" id="address" maxlength="25" size="30" class="inputxt"datatype="t4-25" errormsg="地址4-25个汉字、字母、下划线和数字!" maxlength="30" /><span class="Validform_checktip">上面选择省市,此处仅写除省市外的详细地址</span></td></tr><tr><td bgcolor="#f3f3f3">单位属性</td><td><span class="redfont">*</span>单位属性</td><td class="lefttd"><select id="dp" name="peBzzStudent.enumConstByFlagDepartProperty.id" datatype="*" nullmsg="请选择单位属性" style="width: 175px;"><option value="">--- 请选择单位属性---</option></select><span id="dp" class="Validform_checktip">请选择您的单位属性</span></td></tr><tr><td colspan="3" style="padding-right: 300px;"><div><input style="display: none;" type="submit" value="提交" id="sub" /><input style="display: none;" type="reset" value="重填" id="res" /><input type="hidden" name="peBzzStudent.id" value="${peBzzStudent.id}" /><div class="tijiao"><a href="javascript:void(0);" οnclick="$$('res').click();">重填</a></div><div class="tijiao"><a href="javascript:void(0);" οnclick="$$('sub').click();">提交</a></div></div></td></tr></table></form><div></body><script type="text/javascript" src="/js/jquery/plugins/validform/Validform.js"></script><script type="text/javascript">
$(function() {$(".registerfrm").Validform({tiptype:function(msg,o,cssctl){if(!o.obj.is("form")){//验证表单元素时o.obj为该表单元素,全部验证通过提交表单时o.obj为该表单对象;var objtip=o.obj.siblings(".Validform_checktip");//指定错误提示控件cssctl(objtip,o.type);objtip.text(msg);}},showAllError:true,//一次性提示所有错误datatype:{//传入自定义datatype类型"u2-4" : /^[0-9a-zA-Z]{1}\w{2,4}$/,//数字和字母开头,后面可以有下划线u2-4和后面的{2,4}数字保持一致"c":/^(\d{3,4}-)?\d{7,8}$/,//传真或电话"t2-4" : /^([\u4E00-\u9FA5\uf900-\ufa2d]|\w){2,4}$/,//中文,字母,下划线和数字"city":function(gets,obj,curform,regxp){var prov=$("#prov option:selected").val();if(prov==-1){return "请选择省份!";}else{var c=$("#city").find("option");if(c.length>1){var city=$("#city option:selected").val();if(city==-1){return "请选择市!";}else{var a=$("#area").find("option");if(a.length>1){var area=$("#area option:selected").val();if(area==-1){return "请选择县!";}}}}}return true;}}});
})
</script>
</html>



http://chatgpt.dhexx.cn/article/rfJeEIdS.shtml

相关文章

@Valid和@Validated

简介 Validation是一套帮助我们继续对传输的参数进行数据校验的注解&#xff0c;通过配置Validation可以很轻松的完成对数据的约束&#xff0c;配合BindingResult可以直接提供参数验证结果 所有参数注解含义 参考 Validated注解详解&#xff0c;分组校验&#xff0c;嵌套校验…

@Valid与@Validated注解

之前项目中参数的校验&#xff0c;都是自己写的判断方法进行校验&#xff0c;这次采用了spring提供的注解进行参数的校验&#xff0c;更为的方便&#xff0c;简洁。 Valid&#xff1a;常见用在方法&#xff0c;类中字段上进行校验 Validated&#xff1a;是spring提供的对Valid…

Validform.js jQuery验证插件 使用说明

官网原文&#xff1a;http://validform.rjboy.cn/demo.html Validform常用功能示例 申请VIP 您可以享受到&#xff1a; 及时的技术支持(1年)一对一的使用培训第一手的版本更新信息和讲解 申请条件&#xff1a; 1年365天&#xff0c;每天1元钱&#xff0c;您只需支付365元就能获…

Validform表单验证框架详解

Validform是另外一种表单验证框架&#xff0c;也是基于jQuery框架&#xff0c;用法比较灵活。 这里使用该框架的版本号为&#xff1a; Validform_v5.3.2 官网&#xff1a;http://validform.rjboy.cn/ 目前已经打不开了&#xff0c;本文最后会将官方的的demo打包 。 下面来看看…

Validform表单验证总结

近期项目里用到了表单的验证&#xff0c;选择了Validform_v5.3.2。 先来了解一下一些基本的参数&#xff1a; 通用表单验证方法&#xff1a;Demo: $(".demoform").Validform({//$(".demoform")指明是哪一表单需要验证,名称需加在form表单上; btnSubmit:&qu…

数据分析方法与模型

文章目录 1 数据分析1.1 占比分析1.2 趋势分析1.3 对比分析1.4 象限分析1.5 排名分析1.6 维度分析 2 分析模型2.1 费米问题-大致估算2.2 七问分析法-思考角度的拓展2.3 互联网通用模型AARRR、八角分析法2.3.1 AARRR2.3.2 游戏化用户增长策略-八角模型 本文来源&#xff0c;为接…

在mysql中数据模型三要素_数据模型三要素是什么?

展开全部 数据模型三要素是数据结构、数据操作、数据约束。 1、数据结构 是计算机存储、62616964757a686964616fe78988e69d8331333431376634组织数据的方式。数据结构是指相互之间存在一种或多种特定关系的数据元素的集合,即带“结构”的数据元素的集合。。通常情况下&#xff…

数据库系统常用的数据模型

数据库系统常用的数据模型 一、层次模型二、网状模型三、关系模型 数据库的发展经历了初始阶段、萌芽阶段、初级阶段、中级阶段、高级阶段&#xff0c;这个过程也产生了多个不同的数据模型&#xff0c;接下来我们讲详细介绍数据库的模型 数据库的发展史 数据库的发展史 初始阶段…

(常见)数据模型

文章目录 数据模型概述一、数据模型概要1.模型、建模与抽象2.数据模型3.两类数据模型 二、数据库模型的组成要素1.数据结构2.数据操作3.数据的完整性约束 三、概念模型1.概要2.基本概念3.概念模型的表示方法 常用数据模型一、层次模型1.简介2.数据结构3.数据操纵与完整性约束4.…

2、机器学习三要素之数据、模型、算法

注&#xff1a; 本系列 课程源于李烨 (微软高级软件工程师)老师的文档 在gitbook 上可以买到李老师课程。 机器学习三要素包括数据、模型、算法。简单来说&#xff0c;这三要素之间的关系&#xff0c;可以用下面这幅图来表示&#xff1a; 总结成一句话&#xff1a;算法通过…

数据库系统的三种数据模型

数据模型&#xff1a; 数据模型&#xff08;Data Model&#xff09;是数据特征的抽象。数据&#xff08;Data&#xff09;是描述事物的符号记录&#xff0c;模型&#xff08;Model)是现实世界的抽象。数据模型从抽象层次上描述了系统的静态特征、动态行为和约束条件&#xff0c…

数据模型简介

一张地图、售楼处小区的沙盘、一架精巧的航模飞机都是具体的模型&#xff0c;可以让人联想到真是生活中的事物&#xff0c;模型是对现实世界中某个对象特性的模拟和抽象。 数据模型&#xff08;data model&#xff09;也是一种模型&#xff0c;是对现实世界数据特征的抽象。人…

mysql数据模型三要素_数据模型的作用及三要素是什么?

展开全部 数据模型三要素是数据结构、数据操作、数据约束。 1、数据结构 是计算机存储636f707962616964757a686964616f31333431376634、组织数据的方式。数据结构是指相互之间存在一种或多种特定关系的数据元素的集合,即带“结构”的数据元素的集合。。通常情况下&#xff0c;精…

数据库的三种模型

前言 数据模型是数据库系统的核心&#xff0c;本文简要介绍三种主要的数据库模型。 一、格式化模型 格式化模型是层次模型和网状模型的统称 1.层次模型 ① 层次数据模型的概念 层次模型用属性结构来表示各类实体以及实体间的联系 ② 层次模型的数据结构 特点&#xff1a…

关系数据模型的三个组成部分(关系数据模型的三个组成部分)

关系数据模型由什么组成 关系数据模型由含有相同数据类型的若干行组成。每一行有若干个字段。每一个字段各自可以有不同的数据类型。关系模型中的数据操作是集合操作&#xff0c;操作对象和操作结果都是关系&#xff0c;即若干元组的集合&#xff0c;而不象非关系模型中那样是单…

三种数据模型

数据库的类型是根据数据模型来划分的&#xff0c;而任何一个DBMS也是根据数据模型有针对性地设计出来的&#xff0c;这就意味着必须把数据库组织成符合DBMS规定的数据模型。目前成熟地应用在数据库系统中的数据模型有&#xff1a;层次模型、网状模型和关系模型。它们之间的根本…

数据模型组成要素

最近在看工作机会,目前的公司涨薪的机会渺茫,加上通勤过长。看来换份工作势在必行了。言归正传更新最新学习笔记。 一、数据模型的组成要素 精确地描述了系统的静态特性、动态特性和完整性约束条件三部分组成: 数据结构–描述系统的静态特性 刻画数据模型性质的重要方面 …

java stream 遍历map_遍历map的五种方法介绍

日常开发中Map集合遍历是经常使用的&#xff0c;下面介绍几种遍历方法的差异。 (推荐教程&#xff1a;java课程) 1、IteratorentrySet写法【推荐JDK8以下】&#xff0c;Map.Entry是Map接口的内部接口&#xff0c;获取迭代器&#xff0c;然后依次取出每个迭代器里面的Map.EntryI…

Java中如何遍历Map对象

欢迎支持笔者新作&#xff1a;《深入理解Kafka:核心设计与实践原理》和《RabbitMQ实战指南》&#xff0c;同时欢迎关注笔者的微信公众号&#xff1a;朱小厮的博客。 欢迎跳转到本文的原文链接&#xff1a;https://honeypps.com/java/java-how-to-traverse-map-object/ 博主有时…

java遍历map(java遍历map的key)

java中map集合怎么遍历 遍历方法代码如下&#xff1a; import java.util.HashMap; import java.util.Map; public class App01 { public static void main(String[] args) { Map map1 new HashMap (); map1.put("A", "ABC"); map1.put("B", &qu…