您的位置:首页 > Web前端 > JQuery

简单自定义实现jQuery验证

2008-03-13 09:32 369 查看
分两种情况验证,一是直接使用本地验证,二是ajax到服务器验证。

我现在需要验证:用户名,邮箱,电话 三个input(text),用户名、电话号码只需要本地验证格式,只要匹配给定的正则表达式即可,而邮箱首先在本地验证格式,符合格式则ajax到服务器验证是否已被注册,如果被注册了则不能通过验证。

对于每个input后面跟随<%@ WebHandler Language="C#" Class="validateEmail" %>

using System;
using System.Web;
using System.Data.SqlClient;

//给定需要验证的input添加 needValidate='true' 的属性对,然后选择他们,添加blur的事件函数。
$("input[needValidate='true']").blur(function()
)

});

//ajax验证完成后的处理函数
function processValidateEmail(data)

//客户端验证函数
function requireField(o)

//submit前的验证函数
<li><label for="your_name">你的姓名:</label>
<input name="your_name" id="your_name" type="text" needValidate="true" value="" /><span id="your_name_img"></span><div id="your_name_error"></div></li>
<li><label for="your_email">你的邮箱:</label>
<input name="your_email" id="your_email" type="text" needValidate="true" value="" /><span id="your_email_img"></span><div id="your_email_error"></div></li>
<li><label for="your_tel">你的电话:</label>
<input name="your_tel" id="your_tel" type="text" needValidate="true" value="" /><span id="your_tel_img"></span><div id="your_tel_error"></div></li>
<li><label for="comment">相关信息:</label>
<input id="comment" name="comment" type="text" value="" /></li>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: