easyUI添加下拉列表 +++ form表单点一次,向后台提交两次
2013-03-14 13:06
681 查看
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/commons/Tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
如果有这行,点一次提交,会运行两次submit,(即save执行一次,《$('#addORupdateTran').form》执行两次)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${basePath }/resources/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${basePath }/resources/themes/icon.css">
<link rel="stylesheet" type="text/css" href="${basePath }/resources/css/demo.css">
<script type="text/javascript" src="${basePath }/resources/adapter/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${basePath }/resources/adapter/jquery.easyui.min.js"></script>
<!-- 国际化 -->
<script type="text/javascript" id="www" src="${basePath }/resources/adapter/common.js"></script>
<!-- easyui样式添加下拉列表 -->
<script type="text/javascript">
$(function() {
$('#cc').combobox({
url : '../transport/findMaterialstype.go',
valueField : 'codeid',
textField : 'codename'
});
<!-- 下拉列表添加结束 -->
$('#addORupdateTran').form({
url : '../transport/addOrUpdateErTransport.go',
onSubmit : function() {
var namee = $('#namee').val();
var typee = $('#typee').val();
var cc = $('#cc').combobox('getText');
if (!namee || !typee || !cc) {
$.messager.alert('提示', '请您输入必填项!');
return false;
}else {
return true;
}
},
success : function(msg) {
top.closeDlg();
if("false" == msg){
alert('添加失败');
}else{
$.messager.alert('提示', '添加成功!');
alert('添加成功!');
}
}
});
});
function save(){
$('#addORupdateTran').submit();
}
</script>
</head>
<body scroll="no">
<form id="addORupdateTran" method="post">
<table>
<tr>
<td><span >车牌号:</span></td>
<td><input class="easyui-validatebox" required="true"/></td>
<td><span >类型:</span></td>
<td><input id="typee" class="easyui-validatebox" required="true"/></td>
</tr>
<tr>
<td><span id="TransportForm.materia" class="paltform-i18n">资源:</span></td>
<td>
<input id="cc" class="easyui-validatebox" required="true"/>
</td>
<td><span>载重(顿):</span></td>
</tr>
</table>
<div align="center">
<button onclick="save()">
<span>b保存 </span>
</button>
</div>
</form>
</body>
</html>
pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/commons/Tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
如果有这行,点一次提交,会运行两次submit,(即save执行一次,《$('#addORupdateTran').form》执行两次)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${basePath }/resources/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${basePath }/resources/themes/icon.css">
<link rel="stylesheet" type="text/css" href="${basePath }/resources/css/demo.css">
<script type="text/javascript" src="${basePath }/resources/adapter/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="${basePath }/resources/adapter/jquery.easyui.min.js"></script>
<!-- 国际化 -->
<script type="text/javascript" id="www" src="${basePath }/resources/adapter/common.js"></script>
<!-- easyui样式添加下拉列表 -->
<script type="text/javascript">
$(function() {
$('#cc').combobox({
url : '../transport/findMaterialstype.go',
valueField : 'codeid',
textField : 'codename'
});
<!-- 下拉列表添加结束 -->
$('#addORupdateTran').form({
url : '../transport/addOrUpdateErTransport.go',
onSubmit : function() {
var namee = $('#namee').val();
var typee = $('#typee').val();
var cc = $('#cc').combobox('getText');
if (!namee || !typee || !cc) {
$.messager.alert('提示', '请您输入必填项!');
return false;
}else {
return true;
}
},
success : function(msg) {
top.closeDlg();
if("false" == msg){
alert('添加失败');
}else{
$.messager.alert('提示', '添加成功!');
alert('添加成功!');
}
}
});
});
function save(){
$('#addORupdateTran').submit();
}
</script>
</head>
<body scroll="no">
<form id="addORupdateTran" method="post">
<table>
<tr>
<td><span >车牌号:</span></td>
<td><input class="easyui-validatebox" required="true"/></td>
<td><span >类型:</span></td>
<td><input id="typee" class="easyui-validatebox" required="true"/></td>
</tr>
<tr>
<td><span id="TransportForm.materia" class="paltform-i18n">资源:</span></td>
<td>
<input id="cc" class="easyui-validatebox" required="true"/>
</td>
<td><span>载重(顿):</span></td>
</tr>
</table>
<div align="center">
<button onclick="save()">
<span>b保存 </span>
</button>
</div>
</form>
</body>
</html>
相关文章推荐
- ajax 提交 form表单 ,后台执行两次的问题
- 下拉框设置disabled属性,form表单提交后台拿不到相应的值
- 解决select 下拉框 设置disabled属性后 form表单提交到后台取不到值的情况
- form表单,easyUi,jquery提交后,SpringMvc后台返回时,IE浏览器提示下载文件
- js动态添加div 用于java后台的form表单的提交
- easyui关于解决tab添加的页面通过href加载数据内容的页面刷新后form表单重复提交的问题;
- Select下拉列表选择自动提交form表单数据
- JAVA后台获取不到form表单提交值的情况
- 织梦表单添加前台隐藏的提交时间(后台可见)
- easyui 里 table 的 form提交后台获取的值全为null
- asp.net中通过form表单submit提交到后台的实例
- ajax异步、同步问题,KindEditor ajax提交内容,ajax提交form表单 解决按两次的问题
- easyui-form添加自定义表单验证
- 关于form表单提交文件file后台controller中参数获取不到的解决办法
- 使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象
- form表单提交 java后台回调 js
- easyui 中的 form 提交 后获得 后台 的 json数据 与 jquery .ajax的不同之处
- 网上扒的form表单下拉列表
- jquery插件EasyUI中form表单提交实例分享
- springMVC+thymeleafform表单提交前后台数据传递