jQuery 验证插件 Web前端设计模式(asp.net)(3)


/// <summary>
/// 核对邮箱是否存在,这边偷懒用随机验证
/// </summary>
/// <param></param>
/// <returns></returns>
[WebMethod]
public bool checkLogEmail(string logemails)
{
Random r = new Random();
int i = r.Next(1, 10000);
if (i % 2 == 0) return true;
return false;
}

=====================================================================================
//最终提交
jQuery.fn.extend({
"toReg":function(num) //这里的nun请注意,启用多少个验证就写多少数字,因为我将上面的15个验证都启用...
{
$(this).click(function(){
var erolen=$(".msg_error").length;
var warlen=$(".msg_warning").length;
var oklen=$(".msg_ok").length;
if(oklen==num)
{ alert("验证通过..."); }
else alert("错误:"+erolen+",警告:"+warlen+",通过:"+oklen+",请完整填写信息!");
})
}
})
})(jQuery);
=============================================================================================


4、在Web页面引入脚本

复制代码 代码如下:


<script src="https://www.jb51.net/jQueryValidation/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="https://www.jb51.net/jQueryValidation/js/wzh.Register.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){
$("#Emails").checkEmail();//验证Email
$("#Codes").checkCode();//验证密码框一
$("#Codes2").checkCode2("#Codes");//验证密码框二,参数为第一个密码框的ID
$("#CPNames").checkCPName();//验证公司名称
$("input[name='tel']").checkTel();//验证电话(格式:区号框和号码框需在同一个name下面,如tel)
$("input[name='fax']").checkTel();//验证传真(格式:区号框和号码框需在同一个name下面,如tel)
$("#QQs").checkQQ();//验证QQ号码
$("#CPAdds").checkAdd();//验证公司地址
$("#RealName").checkRealName();//验证真实姓名,10位以内的中文
$("#Phones").checkPhone();//验证移动电话号码,11位
$("#PCodes").checkPCode();//验证邮编 ,6位
$("#UserName").checkUserName();//验证用户名
$("#WebSites").checkSite();//验证网址
$("#usernameAjax").nameAjax("checkLogoName","lognames");//Web服务中的函数名,参数名;方法在WebService中
$("#uemailAjax").emailAjax("checkLogEmail","logemails");//Web服务中的函数名,参数名;方法在WebService中

$("#register").toReg(15);//用户注册
})
</script>


5.Web页面的HTML源码

复制代码 代码如下:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdxwpw.html