表单上传的两种验证方式，笨方法和懒方法

来源：互联网发布：恺英网络警示函编辑：程序博客网时间：2024/04/30 06:47

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><html><head><%@ include file="../common.jsp"%><script type="text/javascript" charset="utf-8">sy.ns('member.mispay');member.mispay.i = 0;member.mispay.i2 = 0;member.mispay.userId = null;//保存皈依号$(function() {member.mispay.searchForm = $('#member_mispay_searchForm').form();member.mispay.searchFormShowDialog = $('#mission_mispay_form').form();member.mispay.datagrid =$('#member_mispay_table').datagrid( {url : '<%=basePath%>getUser.action?method=getUser',title : '',iconCls : 'icon-sava',pagination : true,pageSize : 20,pageList : [ 20, 40, 60, 80 ],fit : true,fitColumns : false,nowarp : false,idField : 'id',columns : [ [ {title : '编号',field : 'id',width : 200,checkbox : true}, {title : '皈依号',field : 'userId',width : 200},{title:'姓名',field:'realName',width:200},{title : '派发任务',field : 'rewu',width : 200,align : 'center',formatter : function(v,rowdata,da) {return '<input type="button" class="nnt_delete" value = "已有任务" onclick=member.mispay.showDialog("'+rowdata.userId+'") /> <input type="button" class="nnt_delete" value = "自定义任务" onclick=member.mispay.showDialogShelf("'+rowdata.userId+'") />';}}]],view : detailview,detailFormatter : function(index, row) {return '<div id="ddv-' + index + '" style="padding:5px 0"></div>';},onExpandRow : function(index, row) {var panjun1 = member.mispay.datagrid.datagrid('options').pageSize;//获取当前页总数var panjun2 = member.mispay.datagrid.datagrid('options').pageNumber; //获取当前页$('#ddv-' + index).panel( {height : 80,border : false,cache : false,href : '<%=basePath%>getUser.action?method=getUser&page='+panjun2+"&rows="+panjun1,onLoad : function() {$('#member_mispay_table').datagrid('fixDetailRowHeight', index);},extractor: function(v){var data = member.mispay.datagrid.datagrid("getData");var datarl = data.rows;return "<ul><li>皈依号:"+datarl[index].userId+"</li><li>身份证号码:"+datarl[index].realName+"</li><li>性别:"+datarl[index].identityCard+"</li>";}});$('#member_mispay_table').datagrid('fixDetailRowHeight', index);},toolbar : [ {text : '删除',iconCls : 'icon-remove',handler : function() {var rows = member.mispay.datagrid.datagrid('getSelections');console.info(rows);if (rows.length > 0) {$.messager.confirm('请确认', '您确定要删除当前所有选择的项目？', function(b) {if (b) {var ids = [];for ( var i = 0; i < rows.length; i++) {ids.push(rows[i].userId);}$.ajax( {url : '<%=basePath%>userDelete.action?userDelete',data : {userId : ids.join(','),},dataType : 'json',success : function(r) {/**刷新选择项**/member.mispay.datagrid.datagrid('reload');member.mispay.datagrid.datagrid('unselectAll');$.messager.show({title : "提示",msg : "删除成功！",showType : 'slide',timeout : 5000});}})}});} else {$.messager.alert('提示', '请选择要删除的记录', 'error');}}} ]});/**监听搜索**/member.mispay.search = function() {member.mispay.realName = $('#member_mispay_searchForm').find('[name=realName]').val();console.info(member.mispay.realName);member.mispay.datagrid.datagrid('load', {realName : member.mispay.realName});};/**清空**/member.mispay.cleanSearch = function() {member.mispay.datagrid.datagrid('load', {});member.mispay.searchForm.find('input').val('');};/**派发任务**/member.mispay.payDialog = $('#mission_mispay_payDialog').show().dialog({closable : false,title : '任务派发',modal : true,buttons : [ {text : '确认',handler : function() {$('#mission_mispay_form').form('submit', {url:'<%=basePath %>missionSave.action?missionSave',onSubmit: function(){if(!Ctotalnumber()){return false;}},success:function(data){          $.messager.alert('标题',data);    }});}}, {text : '关闭',handler : function() {var ototalnumber = document.getElementById("number_msg");ototalnumber.innerHTML = "";member.mispay.searchFormShowDialog.find('input').val('');member.mispay.payDialog.dialog('close');}} ],onOpen : function() {window.setTimeout(function() {$("#mission_ritupl_combox").focus();}, 0);}}).dialog('close');/**自定义任务**/member.mispay.payDialogShelf = $('#mission_mispay_payDialog_shelf').show().dialog({closable : false,title : '自定义任务',modal : true,buttons : [ {text : '确认',handler : function() {$('#mission_mispay_form_shelf').form('submit', {url:'<%=basePath %>missionSave.action?missionSave',onSubmit: function(){ return $("#mission_mispay_form_shelf").form('validate')},success:function(data){          $.messager.alert('标题',data);    }});}}, {text : '关闭',handler : function() {member.mispay.payDialogShelf.dialog('close');}} ],onOpen : function() {window.setTimeout(function() {$("#mission_mispay_number_shelf").focus();}, 0);}}).dialog('close');/**派发任务打开对话框**/member.mispay.showDialog = function(vd){member.mispay.userId = vd ;document.getElementById("mission_mispay_userhidden").value = vd;member.mispay.payDialog.dialog('open');}/**自定义任务打开对话框**/member.mispay.showDialogShelf = function(vd){member.mispay.userId = vd;document.getElementById("mission_mispay_userhidden_shelf").value = vd;member.mispay.payDialogShelf.dialog('open');}/**初始化combox**/member.mispay.comboxname = $('#mission_mispay_combox').combobox({url:'getRiteForMission.action?getRite',valueField:'riteId',textField:'riteName',mode:'remote',onHidePanel:function(){console.info(member.mispay.comboxname.combobox("getValues"));document.getElementById("mission_mispay_hidden").value = member.mispay.comboxname.combobox("getText");},onSelect:function(getAudioName){$(this).combobox("hidePanel");}});});/**提示任务量只能为数字**/function Ototalnumber(){var ototalnumber = document.getElementById("number_msg");ototalnumber.innerHTML = " 请输入任务量，只能是数字！";ototalnumber.style.fontSize = "13px"}/**验证任务量是否为数字**/function Ctotalnumber(){document.getElementById("number_msg").style.fontSize = "13px";//数字 var patrn = /[0-9]/; var totalnumber=""; totalnumber = document.getElementById("mission_mispay_number").value; if(totalnumber.length==0){  document.getElementById("number_msg").style.color="red";  document.getElementById("number_msg").innerHTML=" 请输入任务量！";  return false; } for(var i=0;i<totalnumber.length;i++){ if(!(patrn.exec(totalnumber.charAt(i)))){  document.getElementById("number_msg").style.color="red";  document.getElementById("number_msg").innerHTML=" 任务量只能是数字！";  return false; } } document.getElementById("number_msg").innerHTML=""; return true;}</script></head><body><div class="easyui-layout" fit="true" border="false"><div region="north" border="false" title="查询" style="height: 110px; overflow: hidden;"><form id="member_mispay_searchForm"><table class="tableForm datagrid-toolbar" style="width: 100%; height: 100%;"><tr><td> 会员姓名： <input name="realName" style="width: 200px;" /> <a href="javascript:void(0);" class="easyui-linkbutton" onclick="member.mispay.search()"> 查询</a> <a href="javascript:void(0);" class="easyui-linkbutton" onclick="member.mispay.cleanSearch()"> 清空</a></td></tr></table></form></div><div region="center" border="false"><table id="member_mispay_table"></table></div></div><!--******************派发任务***********************--><div id="mission_mispay_payDialog" style="width:600px;height:320px;display: none;overflow: hidden;"><div class="mispay"><form id="mission_mispay_form"><input type="hidden" id="mission_mispay_userhidden" name="userId"/><input type="hidden" id="mission_mispay_hidden" name="riteName"/><div class="li"><span>任务名称：</span><input type="text" name="missionName" style="width:220px;border:#D3D3D3 1px solid;height:25px;" class="easyui-validatebox" data-options="required:true,missingMessage:'请填写任务名称'" /></div><div class="li"><span>选择仪轨：</span><select id="mission_mispay_combox" name="mission_mispay_combox" style="display:none;width:220px;height:25px;"></select></div><div class="li"><span> 任务量：</span><input id="mission_mispay_number" name = "totalNumber" type="text" style="width:220px;border:#D3D3D3 1px solid;height:25px;" onblur="Ctotalnumber()" onfocus="Ototalnumber()"/><span id="number_msg" ></span></div><div class="li"><span>任务描述：</span><textarea id="mission_mispay_textarea" name="description" style="resize: none;border:#D3D3D3 1px solid;"cols=40 rows=4 ></textarea></div></form></div></div><!--******************自定义任务***********************--><div id="mission_mispay_payDialog_shelf" style="width:600px;height:320px;display: none;overflow: hidden;"><div class="mispay"><form id="mission_mispay_form_shelf"><input type="hidden" id="mission_mispay_userhidden_shelf" name="userId"/><div class="li"><span>任务名称：</span><input type="text" name="missionName" style="width:220px;border:#D3D3D3 1px solid;height:25px;" class="easyui-validatebox" data-options="required:true,missingMessage:'请填写任务名称'" /></div><div class="li"><span> 任务量：</span><input id="mission_mispay_number_shelf" name = "totalNumber" type="text" style="width:220px;border:#D3D3D3 1px solid;height:25px;" class="easyui-validatebox" data-options="required:true,missingMessage:'请填写任务量'" /></div><div class="li"><span>任务描述：</span><textarea id="mission_mispay_textarea_shelf" name="description" style="resize: none;border:#D3D3D3 1px solid;"cols=40 rows=4 ></textarea></div></form></div></div></body></html>

被包含的文件

common.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%><base href="<%=basePath%>"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="shortcut icon" type="image/x-icon" href="images/damotouicon.ico" /><script type="text/javascript" src="script/jquery-easyui-1.3.3/jquery.min.js"></script><script type="text/javascript" src="script/jquery-easyui-1.3.3/jquery.easyui.min.js"></script><link rel="stylesheet" href="script/jquery-easyui-1.3.3/themes/icon.css" type="text/css"></link><link rel="stylesheet" href="script/jquery-easyui-1.3.3/themes/gray/easyui.css" type="text/css"></link><script type="text/javascript" src="script/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script><script type="text/javascript" src="script/syUtil.js"></script><!-- managercharge.jsp --><script type="text/javascript" src="script/jquery-easyui-1.3.3/datagrid-detailview.js"></script><!-- 后台css --><link rel="stylesheet" href="style/back/layout.css" type="text/css"></link>