时间:2021-07-01 10:21:17 帮助过:6人阅读
- <br><html xmlns="http://www.w3.org/1999/xhtml"> <br><head> <br><title>表单验证页面</title> <br><link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <br><script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <br><script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script> <br><script src="../Scripts/validator.js" type="text/javascript"></script> <br><script src="../Scripts/locale/easyui-lang-zh_CN.js" type="text/javascript"></script> <br><script type="text/javascript"> <br>$(function () { <br>//加载验证信息 <br>$('#uiform input').each(function () { <br>if ($(this).attr('required') || $(this).attr('validType')) <br>$(this).validatebox(); <br>}) <br>$('#ajax_test2').click(function () { <br>$.ajax({ <br>url: "../Handler1.ashx?Menthod=Login", <br>type: 'post', <br>data: {name:"123456"}, <br>timeout: 30000, <br>beforeSend: function (XMLHttpRequest) { <br>//alert('远程调用开始...'); <br>$("#loading").html("<img src='../Scripts/loader.gif' />"); <br>}, <br>success: function (data, textStatus) { <br>alert('开始回调,状态文本值:' + textStatus + ' 返回数据:' + data); <br>$("#loading").empty(); <br>}, <br>complete: function (XMLHttpRequest, textStatus) { <br>alert('远程调用成功,状态文本值:'+textStatus); <br>$("#loading").empty(); <br>}, <br>error: function (XMLHttpRequest, textStatus, errorThrown) { <br>alert('error...状态文本值:' + textStatus + " 异常信息:" + errorThrown); <br>$("#loading").empty(); <br>} <br>}); <br>}); <br>$("#btn").click(function () { <br>var flag = true; <br>flag = $("#uiform").form("validate"); <br>// $('#uiform input').each(function () { <br>// if ($(this).attr('required') || $(this).attr('validType')) { <br>// if (!$(this).validatebox('isValid')) { <br>// flag = false; <br>// return; <br>// } <br>// } <br>// }) <br>if (flag) { <br>$("#uiform").form("destroy"); <br>alert('验证通过!'); <br>} <br>}); <br>}); <br></script> <br><style type="text/css"> <br>#name <br>{ <br>width: 191px; <br>} <br>.style4 <br>{ <br>width: 100px; <br>} <br>.style5 <br>{ <br>width: 98px; <br>} <br>#txtPassword <br>{ <br>width: 150px; <br>} <br>.style7 <br>{ <br>width: 371px; <br>} <br>.style8 <br>{ <br>width: 420px; <br>} <br>#btn <br>{ <br>width: 86px; <br>} <br>.style9 <br>{ <br>width: 100px; <br>height: 26px; <br>} <br>.style10 <br>{ <br>width: 371px; <br>height: 26px; <br>} <br>.style11 <br>{ <br>width: 98px; <br>height: 26px; <br>} <br>.style12 <br>{ <br>width: 420px; <br>height: 26px; <br>} <br>.style13 <br>{ <br>width: 100px; <br>height: 25px; <br>} <br>.style14 <br>{ <br>width: 371px; <br>height: 25px; <br>} <br>.style15 <br>{ <br>width: 98px; <br>height: 25px; <br>} <br>.style16 <br>{ <br>width: 420px; <br>height: 25px; <br>} <br></style> <br></head> <br><body > <br><form id="uiform" title="表单验证页面" class="easyui-window"> <br> <br /> <br><table > <br><tr> <br><td class="style9">登录名:</td> <br><td class="style10"><input required="true" id="txtUsername" type="text" class="txt03" validType="account[4,20]" /></td> <br><td class="style11">真实姓名:</td><td class="style12"><input id="txtTruename" validType="CHS" required="true" type="text" class="txt03" /></td> <br></tr> <br><tr> <br><td class="style13">登录密码:</td> <br><td class="style14"><input validType="password" required="true" id="txtPassword" name="password" type="password" class="txt03" /></td> <br><td class="style15">Email:</td> <br><td class="style16"><input id="txtEmail" name="email" validType="email" type="text" class="txt03" /></td> <br></tr> <br><tr> <br><td class="style4">身份证号:</td><td class="style7"><input validType="idcard" id="txtIdcard" name="idcard" type="text" class="txt03" /></td> <br><td class="style5">QQ:</td> <br><td class="style8"><input validType="QQ" id="txtQq" name="qq" type="text" class="txt03" /></td> <br></tr> <br><tr> <br><td class="style4">手机:</td><td class="style7"><input validType="mobile" id="txtMobile" name="mobile" type="text" class="txt03" /></td> <br><td class="style5">电话:</td><td class="style8"><input id="txtTel" validType="phone" name="tel" type="text" class="txt03" /></td> <br></tr> <br><tr> <br><td class="style4">邮编:</td><td class="style7"><input validType="ZIP" <br>id="txtZIP" name="txtZIP" type="text" class="txt03" /></td> <br><td class="style5">年龄:</td><td class="style8"> <br><input validType="number" <br>id="txtZIP0" name="txtZIP0" type="text" class="txt03" /></td> <br></tr> <br><tr> <br><td class="style4">备注:</td><td colspan="3"> </textarea> <br><input type="text" class="easyui-validatebox" required="true" validType="minLength[50]" <br>style="width:41%; height: 74px;" class="txt03" id="txtRemark"></td> <br></tr> <br><tr> <br><td class="style4"> </td><td colspan="3"><input id="Checkbox1" type="checkbox" /><label>超级管理员</label> <input id="Checkbox2" type="checkbox" /><label>禁用</label></td> <br></tr> <br><tr> <br><td class="style4">text</td><td colspan="3"> <br><input id="name" type="text" class="easyui-validatebox" <br>missingMessage="当文本框是空时出现的提示文字。" invalidMessage="当文本框的内容无效时出现的提示文字" required="true" validType="minLength[5]" /></td> <br></tr> <br><tr> <br><td class="style4">文本框比对:</td><td colspan="3"> <br><input type="password" id="txtpasswd" class="easyui-validatebox" required="true" validType="password" /> 2<input type="password" id="txtpasswd2" class="easyui-validatebox" required="true" validType="equalTo['#txtpasswd']" /> </td> <br></tr> <br></table> <br><hr /> <br> <br><center> <input id="btn" type="button" value="submit" /> <br><input id="ajax_test2" type="button" value="ajax_test2" /></center> <br><div id="loading"></div> <br></form> <br></body> <br></html> <br>