相关Jquery Validator采用

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="WebApplication1.index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>



<link href="css/screen.css" rel="stylesheet" type="text/css" />

<script src="lib/jquery.js" type="text/javascript"></script>

<script src="dist/jquery.validate.min.js" type="text/javascript"></script>



<script src="src/localization/messages_zh.js" type="text/javascript"></script>

<style type="text/css">

.style1

{

width: 50%; border:1px solid #cccccc; border-collapse:collapse; font-size:12px;

}

.style1 td{ border:1px solid #cccccc; height:25px; }

input{ border:1px solid #cccccc; height:20px;}

#Select1

{

height: 20px;

width: 150px;

}

.success {

background:url("images/checked.gif") no-repeat 0px 0px;

padding-left: 16px;

}

</style>

<script type="text/javascript">

//自己定义方法

//addMethod("验证方法名")

$.validator.addMethod("checkHometown", function (value, element) {

return value == "请选择籍贯" ?

false : true;

}, "请选择籍贯");

//验证手机号码的自己定义方法

$.validator.addMethod("checkMobile", function (value, element) {

var myreg = /^(((13[0-9]{1})|159|153)+\d{8})$/; //手机号码正则

if (myreg.test(value)) {

return true;

}

else {

return false;

}

}, "手机格式不正确");

$(function () {

$("#signupForm1").validate({

rules: {

uname: { required: true, minlength: 3, maxlength: 10,

remote: "check_user_exists.ashx" //调用ajax使用一般处理程序，做用户验证，參数自己帮你传了，通常是參数名(控件名)=值

},

password: { required: true, minlength: 3, maxlength: 20 },

confirmPassword: { required: true, equalTo: "#password" },

homeTown: { checkHometown: true },

email: { required: true },

mobile: { required: true, checkMobile: true }//checkMobile是上面自定义的方法

},

success: function (label) {

label.text(" ").addClass("success"); //验证成功

},

messages: {

uname: { remote: "username不可用" },

password: { required: "请输入password", minlength: "password长度不少于3个", maxlength: "password长度不多于20" },

confirmPassword: { equalTo: "password不匹配" }

},

submitHandler: function () {

alert("加入"); //提交到server

}

});

});

</script>

</head>

<body>

<form id="signupForm1" runat="server" >

<h1>验证框架Demo</h1>

<div>



<table class="style1">

<tr>

<td>

username</td>

<td>

<input id="uname" name="uname" type="text" /></td>

</tr>

<tr>

<td>

password</td>

<td>

<input id="password" name="password" type="password" /></td>

</tr>

<tr>

<td>

确认password</td>

<td>

<input id="confirmPassword" name="confirmPassword" type="password" /></td>

</tr>

<tr>

<td>

籍贯</td>

<td>

<select id="homeTown" name="homeTown">

<option value="请选择籍贯">请选择籍贯</option>

<option value="湖南">湖南</option>

<option value="湖北">湖北</option>

<option value="江西">江西</option>

</select></td>

</tr>

<tr>

<td>

Email</td>

<td>

<input id="email" type="email" name="email" /></td>

</tr>

<tr>

<td>

手机号码</td>

<td>

<input id="mobile" name="mobile" type="text"/></td>

</tr>

<tr>

<td>

 </td>

<td>

<input type="submit" value="Submit"/>

</td>

</tr>

</table>



</div>



</form>

</body>

</html>

源我不知道如何上传代码，有需要的可以联系我：31385073@qq.com

随机推荐

Uva - 11419 - SAM I AM
题意:一个矩形——R*C的网格,在某些位置上有石头,在网格外开一炮可以打掉该行或者该列的石头,求打掉这些石头最少需要多少门大炮,位置分别设在哪行哪列(0<R<1001, 0 < C ...
POJ2599+POJ2082【最大矩形面积】
题目链接:http://poj.org/problem?id=2559 题目链接:http://poj.org/problem?id=2082 这一类题目的解法,不知自己闲着没事就做了两个. 果然压栈 ...
[gkk]传智-适配器设计模式，如同电源适配器
//适配器设计模式是图形化设计中用的.如同电源适配器 import java.awt.*; inport java.awte public calss MyFrame{ public static ...
android视频库Vitamio
之前尝试自己解码视频,然后播放显示,虽然音视频都可以播放,但是实现不了音视频的同步,所以使用第三方的视频库Vitamio来实现视频播放器功能,这样自己只需要实现播放解码的制作不不要关心底层解码和显示问 ...
B. 沙漠之旅（分组背包）
B. 沙漠之旅 Time Limit: 1000ms Case Time Limit: 1000ms Memory Limit: 65536KB 64-bit integer IO format: % ...
poj - 1170 - Shopping Offers（减少国家dp）
意甲冠军:b(0 <= b <= 5)商品的种类,每个人都有一个标签c(1 <= c <= 999),有需要购买若干k(1 <= k <=5),有一个单价p(1 & ...
Android Monkey自己主动化測试
前言假设你做Android开发,还没有使用过Monkey进行測试,那么今天看到这篇文章,希望能解决你Android測试中的一些问题.起码能帮你省点測试的时间而且发现很多其它的问题. Monkey简单 ...
Redis启动多端口，运行多实例(转)
使用redis在同一台机器上,启用多个端口,实现多个实例,完成集群的模拟实现. 启动多实例 redis默认启动端口为6379,我们可以使用 --port 来指定多个端口,如下,在linux终端命令: ...
Objective-c 中的算术函数和常数的表示
常数常数名说明 M_PI 圆周率(=π) M_PI_2 圆周率的1/2(=π/2) M_PI_4 圆周率的1/4(=π/4) M_1_PI =1/π M_2_PI =2/π M_E =e M_LO ...
AIX 中以并发模式挂载vg
要想以并发模式挂载VG 必须要有/usr/sbin/gsclvmd 这个进程,而些进程是安装HACMP 的必要的文件集bos.clvm.enh,同时gsclvmd 也是由HACMP 启动的,多个节点挂 ...

相关Jquery Validator采用

相关Jquery Validator采用的更多相关文章

随机推荐

热门专题