1. 页面效果，自动提示验证信息... 2. 页面代码 复制代码 代码如下: 表单验证页面 <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' / alt="jquery 实现表单验证功能代码(简洁)_jquery" >"); <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> <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> 登录名： 真实姓名： 登录密码： Email： 身份证号： QQ： 手机： 电话： 邮编： id="txtZIP" name="txtZIP" type="text" class="txt03" /> 年龄： id="txtZIP0" name="txtZIP0" type="text" class="txt03" /> 备注： style="width:41%; height: 74px;" class="txt03" id="txtRemark"> 超级管理员 禁用 text missingMessage="当文本框是空时出现的提示文字。" invalidMessage="当文本框的内容无效时出现的提示文字" required="true" validType="minLength[5]" /> 文本框比对： 2
