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

随机推荐

Visual Leak Detector(vld)无法显示内存泄露文件名称与行号
使用VLD測有没内存泄露的时候,出现(File and line number not available): (Function name unavailable) 查看VS控制台,发现已载入&q ...
警惕！iPhone 6即将上市诈骗邮件已现身网络
随着iPhone 6即将上市,各路小道消息已经開始满天飞.就在近几日,一些记者还收到了假的iPhone 6将要上市的通知邮件.趋势科技也收到了几封,下面是样本之中的一个: (垃圾邮件样本) 不清楚iP ...
JQuery是继prototype之后又一个优秀的Javascript库
JQuery是继prototype之后又一个优秀的Javascript库.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Oper ...
A Game of Thrones(10) - Jon
Jon climbed the steps slowly, trying not to think that this might be the last time ever. Ghost padde ...
32位Linux文件限制大小
线上程序不断重新启动,查看log发现是进程由于SIGXFSZ信号退出.对过大的文件进行操作的时候会产生此信号,一般仅仅在32位机器上出现,文件限制大小为2G.用lsof查看进程打开的文件,果然有一个文 ...
java的url 中国的争论导致了扭曲
话不多说,,直接粘代码发件人 UrlParaCode.jsp <%@ page language="java" import="java.util.*" ...
SocketAsyncEventArgs使用解说
原文:SocketAsyncEventArgs使用解说如果在.NET下写过网络通讯的同学应该感觉不陌生了,有很多刚入门的同学很多都认为这东西可以大大提高处理效能还有就是使用上很不适应.其实使用之前最 ...
linux系统启动过程的列表
linux系统启动过程的列表载入BIOS的硬件信息并进行自检.然后根据设置取得第一个可启动的设备: 读取并运行第一个启动设备内MBR(master boot record,主引导分区)的boot l ...
在Java中怎样逐行地写文件？
下边是写东西到一个文件里的Java代码. 执行后每一次,一个新的文件被创建,而且之前一个也将会被新的文件替代.这和给文件追加内容是不同的. public static void writeFile1( ...
Unity3d socket通信切换到web版本时报错SecurityException解决办法
原文地址:传送门今天苦战了一天,就跟一个Unity切换到web平台的socket通信出错苦苦纠缠了一天,问了好多大牛,但他们的回复都是我没搞过web平台下的通信或者我只专研于pc或者移动平台.看来没 ...

相关Jquery Validator采用

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

随机推荐

热门专题