相关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

随机推荐

A亚马逊WS网上系列讲座——怎么样AWS云平台上千万用户的应用建设
用户选择云计算平台构建应用程序的一个重要原因是高弹性的云平台和可扩展性. 面向Internet应用程序通常需要支持用户使用大量,但要建立一个高度可扩展.具有一定的挑战,高度可用的应用程序,只有立足AW ...
poj3974（manacher）
传送门:Palindrome 题意:给定一个字符串,求最长回文子串. 分析:manach裸题,核心理解mx>i?p[i]=min(p[2*id-i],mx-i):1. #pragma comme ...
ARM架构和编程-4
ARM中断异常处理: ARM系统中止品种:按中断处理降序排列优先级:重置.数据访问中止.高速中断请求.外部中断请求.预取中止.令.软件中断. ARM体系中的异常中断向量表: 0x0 复位 0x4 没有 ...
Help Johnny-(类似杭电acm3568题）
Help Johnny(类似杭电3568题) Description Poor Johnny is so busy this term. His tutor threw lots of hard pr ...
Java字节流和字符流
file.txt文本中存储的内容: 好abc 1.字符流处理: package com.wjy.java; import java.io.FileInputStream; import java.io ...
mahout源码KMeansDriver分析之五CIMapper
接上文重点分析map操作: Vector probabilities = classifier.classify(value.get());// 第一行 Vector selections = pol ...
Java垃圾回收机制以及内存泄露
1.Java的内存泄露介绍首先明白一下内存泄露的概念:内存泄露是指程序执行过程动态分配了内存,可是在程序结束的时候这块内存没有被释放,从而导致这块内存不可用,这就是内存泄露,重新启动计算机能够解决 ...
Knockout应用开发指南第八章：简单应用举例（2）
原文:Knockout应用开发指南第八章:简单应用举例(2) 5 Control types 这个例子,对view model没有什么特殊的展示,只是展示如何绑定到各种元素上(例如,select ...
Beginning Python From Novice to Professional (4) －演示样本格式字符串
$ gedit price.py #!/usr/bin/env python width = input('Please enter width: ') price_width = 10 item_w ...
树上点对统计poj1741（树的点分治）
给定一棵树,边上有权值,要统计有多少对点路径的权值和<=k 分治算法在树的路径中的应用这个论文里面有分析. 任意两点的路径,要么过根结点,要么在子树中.如果在子树中,那么只要递归处理就行了. ...

相关Jquery Validator采用

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

随机推荐

热门专题