頁面：

<form id="form2" style="padding:10px 20px 10px 40px;">

			<p>
				登入名: <input id="loginName2" class="easyui-textbox" name="loginName" data-options="required:true" validType="remote['<%=basePath%>/user/findbyloginname.do','loginName']" 
							missingMessage="登入名不能空" invalidMessage="使用者名稱已存在" type="text" >
			</p>
			<p>
				密碼: <input id="password2" class="easyui-textbox" name="password" data-options="required:true"
							missingMessage="密碼不能空" type="password">
			</p>
			<p>
				姓名: <input id="displayName2" class="easyui-textbox" name="displayName" data-options="required:true"
							missingMessage="姓名不能空" type="text">
			</p>
			<p>
				郵箱: <input id="email2" class="easyui-textbox" validType='email' name="email" data-options="required:true"
							missingMessage="郵箱不能為空" invalidMessage="請輸入正確的郵箱" type="text">
			</p>
			<p>
				電話: <input id="contactPhone2" class="easyui-textbox" validType='phoneNum' name="contactPhone" data-options="required:true"
							missingMessage="電話不能空" type="text">
			</p>
			<div>
				<font size="3" style="">請選擇角色:</font>
			</div>
			<br />
			<div id="rolelistAdd1" style="height: 400"></div>
			<!-- <br>
			<div style="padding:5px;text-align:center;">
				<a href="javascript:add()" class="easyui-linkbutton" icon="icon-ok">Ok</a>
				<a href="javascript:Cancel()" class="easyui-linkbutton"
					icon="icon-cancel">Cancel</a>
			</div> -->
		</form>
 

$.extend($.fn.validatebox.defaults.rules, {   
			    phoneNum: { //驗證手機號  
			        validator: function(value, param){
			         return /^1[3-8]+\d{9}$/.test(value);
			        },   
			        message: '請輸入正確的手機號碼。'  
			    },
			   
			    telNum:{ //既驗證手機號，又驗證座機號
			      validator: function(value, param){
			          return /(^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$)|(^((\d3)|(\d{3}\-))?(1[358]\d{9})$)/.test(value);
			         },   
			         message: '請輸入正確的電話號碼。'
			    }  
			});
 

function add(){
	var roleIds = [];
	var roleIdAdd=$("#rolelistAdd").datagrid("getSelections");
	for ( var i = 0; i < roleIdAdd.length; i++) {
		roleIds.push(roleIdAdd[i].id);
	}
		$('#form2').form('submit',{    
    		url:'<%=basePath%>/user/add.do',
    		method:'post',
			onSubmit : function(param) {
				param.roleIdAdd = roleIds;
				return $("#form2").form('validate');
			},
			success : function(data) {

				var data = eval('(' + data + ')');
				if (data.result) {
					$("#addWindow").dialog('close');
					$("#user").datagrid('reload');
				}
			}
		});
		// submit the form    

	}
 

頁面位置：BaseJava/src/main/webapp/views/limx/user.jsp