开发中我们常用到$('#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">&nbsp;<a id="xfdw" class="zxui-linkbutton" onclick="save_from('1');" iconCls="downloadIcon">发送督查室</a>&nbsp;</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('提示:','请完整填写上报内容!'); }
}

  

from 表单非空验证以及多表单提交的更多相关文章

  1. JS-表单非空验证

    JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 实例:1.用户名的非空验证代码如下: <head> <m ...

  2. iview 表单非空验证

    rules: { title: [ {required: true, message: '请填写栏目名称', trigger: 'blur'} ], desc: [ {required: true, ...

  3. .NET开源工作流RoadFlow-Bug修改-1.8.2表单验证时ueditor编辑非空验证无效

    RoadFlow生成的表单,Ueditor编辑器不能进行非空验证的BUG修改: 1.修改控制器:WorkFlowFormDesignerController红框处: 2.修改js文件:Scripts/ ...

  4. Atitit  验证 数字验证 非空验证的最佳算法  h5

    Atitit  验证 数字验证 非空验证的最佳算法  h5 <td><select class="searchBox-select"   style=" ...

  5. JavaWeb 学习008-今日问题(非空验证尚未解决) 2016-12-2

    1. 学生模块list页面 不能正常跳转 说是找不到stuid属性,但是我在entity里面和数据库建表的属性就是stuid:Grade模块代码一样,却可以正常运行 这是什么问题? <c:for ...

  6. select标签非空验证,第一个option value=""即可

    select标签非空验证,第一个option value=""即可,否则不能验证

  7. 非空验证(源代码Java版)

    import java.util.Map; /** * 非空验证工具类 */ public class UntilEmpty { /** * @see: 验证string类型的是否为空 */ publ ...

  8. JS非空验证及邮箱验证

    非空验证 <body> <table> <tr> <td>姓名:</td> <td><input type="t ...

  9. php非空验证

    我想说这种方法是不是很常用的非空验证,现在的普遍使用的是javascript来验证非空,但是作为学习php的一些知识点,还是可以看看的. 先来看看commit.php中的方法 <?php $db ...

  10. 单选按钮 设置required属性无法进行非空验证

    先看代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

随机推荐

  1. 坚守自主创新,璞华HawkEye IETM系统惠及国计民生

    可上九天揽月,可下五洋捉鳖,这是我们很多年的梦想.而要实现这样的梦想,不仅需要安全可靠的技术装备,还需要让这些技术装备处于良好的维保状态.于是,作为装备维保过程中必须的知识创作.管理.发布.浏览工具, ...

  2. JS 模块化 - 03 AMD 规范与 Require JS

    1 AMD 规范介绍 AMD 规范,全称 Asynchronous Module Definition,异步模块定义,模块之间的依赖可以被异步加载. AMD 规范由 Common JS 规范演进而来, ...

  3. git-flow模型

    git-flow 是在 git branch 和 git tag 基础上封装出来的代码分支管理模型,把实际开发模拟称 master develop feature release hotfix sup ...

  4. .NET下数据库的负载均衡(有趣实验)

    相关下载: 数据库的负载均衡-示例代码(dp1-DbBalance.rar) 数据库的负载均衡-示例代码(dp1-DbBalance.rar) 支持.Net/.Net Core/.Net Framew ...

  5. 线性回归大结局(岭(Ridge)、 Lasso回归原理、公式推导),你想要的这里都有

    本文已参与「新人创作礼」活动,一起开启掘金创作之路. 线性模型简介 所谓线性模型就是通过数据的线性组合来拟合一个数据,比如对于一个数据 \(X\) \[X = (x_1, x_2, x_3, ..., ...

  6. Spring Cloud Consul 入门指引

    1 概述 Spring Cloud Consul 项目为 Spring Boot 应用程序提供了与 Consul 的轻松集成. Consul 是一个工具,它提供组件来解决微服务架构中一些最常见的挑战: ...

  7. 仿B站小火箭发射上升

    效果图:   CSS代码块: <style type="text/css"> .goTop { background-image: url(img/rocket_top ...

  8. SqlKata - 方便好用的 Sql query builder

    SqlKata查询生成器是一个用C# 编写的功能强大的Sql查询生成器.它是安全的,与框架无关.灵感来源于可用的顶级查询生成器,如Laravel Query Builder和 Knex. SqlKat ...

  9. PHP全栈开发:在本机上创建虚拟主机与域名

    如何在windows+wamp环境上进行自己创建的网站的域名访问 step 1 在wamp的安装目录,如C:\wamp64\www\下创建自己的网站目录pe step 2 右键wamp图标,在wamp ...

  10. Linux根据时间过滤文件

    1.显示20分钟前的文件:       find /sdb1/apache-tomcat-show/logs/ -type f -mmin +20 -exec ls -l {} \; 2.删除20分钟 ...