easyUI中的form表單

首先創建form表單，並在form表單上創建id便於執行表單驗證

<form id="form1"action="" method="post"
>
用戶名：<input class="easyui-textbox" style="width:200px"
data-options="
required:true,validType:'length[2,10]'
"><br><br>

密碼：  <input class="easyui-textbox" style="width:200px" 
data-options="type:'password',
required:true,validType:'length[6,10]'"><br><br>

年齡：  <input class="easyui-numberbox"style="width:200px"
data-options="min:18,max:99">
<br><br>
<a id="lb1" style="width:80px" class="easyui-linkbutton" href="#">提交</a>
</form>

　　2.通過URL接受參數

 

 

3.通過表單的回調函數進行驗證（觸發前驗證onSubmit和觸發成功后驗證success）

 

<script type="text/javascript">

$(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);
				}
			
		}
		});
	});
})



</script>