在项目开发中用到layUI或者easyUI进行前端页面渲染的时候,对表单数据会进行相关验证。此处将easyUI项目的校验进行总结!
在easyUI框架进行前端页面渲染时,from表单的提交进行校验!
//使用easyUI框架,必须将easyUI相关的js导入项目中去
//此处中class="easyui-form" ,表示该表单是easyUI表单
//method="post" ,表示提交方法为post
//data-options="novalidate:true",表示表单加载时不进行相关校验
<form id="taskForm" method="post" class="easyui-form" data-options="novalidate:true">
<table style="width:100%;" class="info_table" id="info_table">
<tr>
//此处填写对应的表单内容
<td align="left"><input style="width: 70%;" type="text" id="ceshi"
name="ceshi" class="easyui-validatebox" required="true" validType="email"/>
</td>
</tr>
</table>
</form>
//from表单提交
$('#taskForm').form('submit', {
url : URL(提交后台的路径),
onSubmit: function(){
//提交时进行校验
return $(this).form('enableValidation').form('validate');
// 将其注释后,仅仅是表示提交不进行相关校验
},
success:function(data){
if(data == 'fail'){
$.messager.alert('提示','系统异常,操作失败!','error');
}else{
$.messa