easyui复杂表单_easyUI中的form表单

首先创建form表单，并在form表单上创建id便于执行表单验证

>

用户名：

data-options="

required:true,validType:'length[2,10]'

">

密码：  

data-options="type:'password',

required:true,validType:'length[6,10]'">

年龄：  

data-options="min:18,max:99">

提交

2.通过URL接受参数

3.通过表单的回调函数进行验证(触发前验证onSubmit和触发成功后验证success)

$(function(){

//提交按钮

$("#lb1").click(function(){

$("#form1").form('submit',{

url:'SaveUserServlet',

//提交前验证

onSubmit:function(){ //提交触发前的回调函数

//检查组件验证是否通过

var isValid = $(this).form('validate');

if (!isValid){

$.messager.show({

title:'消息',

msg:'数据验证未通过'

});

}

return isValid;// 返回false终止表单提交

},

success:function(data)

{

//alert("返回结果="+data);

//js方式解析JSON

var msg = eval("("+ data +")");//eval是js的方法

if(msg.success)

{

alert(msg.message);

}

}

});

});

})