简单自定义实现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>
我现在需要验证:用户名,邮箱,电话 三个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>
相关文章推荐
- 简单自定义实现jQuery验证
- 简单自定义实现jQuery验证
- 用jQuery实现简单的表单验证
- xq_navbar简单实现依赖于jQuery自定义快捷的炫酷导航条效果
- 简单的jquery代码实现表单验证
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- ASP.NET jQuery 随笔 使用allValidator插件简单实现客户端验证功能
- 【转载】[jquery.validate]自定义方法实现"手机号码或者固定电话"的逻辑验证
- ASP.NET jQuery 食谱11 (通过使用jQuery validation插件简单实现用户登录页面验证功能)
- ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
- jQuery简单实现动态验证文本框
- jQuery简单实现验证邮箱格式
- jQuery结合Ajax实现简单的前端验证和服务端查询
- 模仿京东用户注册 用JQuery实现简单表单验证(附效果图)
- jquery实现表单验证简单实例演示
- ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
- jQuery实现简单的用户名验证
- jquery实现表单验证简单实例演示
- jquery实现简单的表单验证