[easyUI]手机号固定位数校验

<%  
    String path = request.getContextPath();  
    request.setAttribute("base", path);  
%>

<form id="sellerEditForm" class="sellerEditForm" method="post">
   <table cellpadding="5">
        <tr>
            <td>手机号:</td>
            <td><input id="phonenum" name="phonenum" class="easyui-numberbox" type="text" data-options="precision:0,required:true" /></td>
        </tr> 
    </table>
</form>

点击提交按钮,触发submitForm函数:

function submitForm(){
	if(!$('#sellerEditForm').form('validate')){
		$.messager.alert('提示','表单还未填写完成!');
		return ;
	}
        //手机号固定位数校验 
	var phonenum = $('#phonenum').numberbox('getValue');
	//alert(phonenum);
	if(phonenum.length == 11){
		$.post("${base}/seller/edit",$("#sellerEditForm").serialize(), function(data){
			if(data.status == 200){ //返回成功
				$.messager.alert('提示','修改分销商成功!','info',function(){ 
					$("#sellerEditWindow").window('close');
					$("#sellerList").datagrid("reload");	
				});
			}else{
				$.messager.alert('提示','手机号已经被使用,修改失败!','error');
				$("#phonenum").numberbox().next('span').find('input').focus();//定位光标
				return;
			}
		});
	}else{
		$.messager.show({
			title : '提示',
			msg : "手机号码必须是11位数字!",
			showType : 'slide',
			timeout:3000,
			showSpeed:400,//定义窗口显示的过度时间。默认：600毫秒
		});
		$("#phonenum").numberbox().next('span').find('input').focus();//定位光标
		return;
	}
}

以上实现了:
        1. 手机号固定位数校验 11位数字;
                     (1) easyui-numberbox: 强制必须输入数字
                     (2) required:true: 强制必须输入
         2. 编辑完成后,编辑窗口关闭,表格数据自动刷新
         3. 如果输入错误,通过$.messager.show自动弹窗提示,略过鼠标点击从而能够实现光标定位(到错误处)

jQuery easyUI 技术支持链接: http://www.jeasyui.net/