easyui 封装表单提交验证
使用方法是在dialog里调用 .html文件后,在提交时使用表单验证
如果不知道dialog怎么使用,可以查看这一篇文章封装dialog使用
//父元素
<div id="mainId" style="padding: 10px"></div>
//子元素 demo/dialogDemo.html
<form id="childId" class="easyui-form" method="post" data-options="novalidate:true">
</form>
//_this:当前div的Id,parentThis :当前元素的父元素div的Id
function validFormSubmit(_this,parentThis){
var flag = false;
$(_this).form('submit',{
onSubmit:function(){
flag = parentThis.form('enableValidation').form('validate');
}
});
return flag;
}
使用方法:
openDialog($('#mianId'),'标题',600,'demo/dialogDemo.html',{
onLoad:function(){
//可以进行清空表单等操作
},
submit:function () {
//提交到后端接口
if(validFormSubmit('#childId',$('#mainId'))){
//操作
}
}
});