from 表单非空验证以及多表单提交
2024-09-08 05:34:59
开发中我们常用到$('#formid').serialize()方法进行表单序列化提交,但也相应催生了表单的非空严重以及多表单提交。
form html:
<form id="formid" action="" method="post">
<table style="width:100%" class="table01" cellspacing="1" cellpadding="5">
<#list customlist as culi>
<tr>
<td class="td_title" width="15%" align="center" nowrap="nowrap">${culi.custom}:</td>
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input id="${culi.vfg}" name="${culi.vfg}"class="mainall" type="text"
style="width:600px;height:100px" multiline="true" value="${culi.conten}">
</td>
</tr>
</#list>
</table>
</form>
<form id='formid2'>
<input type="hidden" name="reportid" value="${reportid}"/>
<input type="hidden" name="cerson_id" value="${cerson_id}"/>
<input type="hidden" name="cerson_name" value="${cerson_name}"/>
<input type="hidden" name="dept" value="${dept}"/>
<input type="hidden" name="release_back" value="${release}"/>
<input type="hidden" name="examine_back" value="${examine}"/>
<input type="hidden" name="cnid" value="${cnid}"/>
</form>
<a class="zxui-linkbutton" iconCls="saveIcon" onclick="save_from('0');">保存</a>
<sapn id="xfdw_sapn"> <a id="xfdw" class="zxui-linkbutton" onclick="save_from('1');" iconCls="downloadIcon">发送督查室</a> </sapn>
js:
function save_from(saveflag){
//设定一个确认值
var sure = 1;
$('#formid input').each(function(){
var cnt = $.trim($(this).val());
if(cnt =='' || cnt == null){
//当表单中出现空值我们修改确认值状态为“0”
sure = 0;
//节约性能跳出each
return false;
}
});
//我们只有在提交到上级单位时候会去判表单是否存在空值,而仅仅是保存时还是要执行保存动作的
if (sure || saveflag == 0) {
//多表单提交拼接用‘&’
var daall = $('#formid').serialize() +'&'+$('#formid2').serialize();
$.ajax({
type:'post',
url:'${ctx}/secondPhase/in_reoprt_content.pt?release='+saveflag,
data:daall,
success:function(data){
var obj=eval('('+data+')');
var rebackName=obj.datamap.rebackName; if ('saveSuccess'== rebackName ) {
$.messager.alert('提示','保存成功!');
} else if('saveFail' == rebackName){
$.messager.alert('提示','保存失败!');
} else{
$.messager.confirm('提示:','上报**室'+rebackName+'成功!',function(r){
window.history.go(-1);
});
}
}
});
} else {
$.messager.alert('提示:','请完整填写上报内容!'); }
}
最新文章
- C#.NET 大型通用信息化系统集成快速开发平台 4.1 版本 - 角色成员功能的改进支持公司加入到角色
- golang 索引
- 不同版本strtotime(";2016-09-04";)输出不同问题
- sql(转自http://www.imooc.com/article/2325)
- [CareerCup] 3.3 Set of Stacks 多个栈
- [myeclipse] 官方中文网站
- Android布局大全
- 小白日记16:kali渗透测试之弱点扫描-openvas、nessus
- Android开发_Android数据的四种存储方式
- Window 下安装Redis
- How many - HDU 2609 (trie+最小表示)
- java mysql驱动
- Android开发-解决 AIDL 中找不到couldn&#39;t find import for class错误
- 冒泡排序----java实现
- naturalWidth 与 naturalHeight
- Install MongoDB on Linux Systems 速记
- 阿里java编码规范考试总结
- 简述ADO.NET命名空间
- jpa @RepositoryRestResource
- Flask上下文