<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery Live Form Validation Advanced Demo</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/jquery.validate.css" />
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css" />
<script src="../lib/jquery/jquery-1.3.2.js" type="text/javascript">
</script>
<script src="../javascripts/jquery.validate.js" type="text/javascript">
</script>
<script src="../javascripts/jquery.validation.functions.js" type="text/javascript">
</script>
<script type="text/javascript">
/* <![CDATA[ */
jQuery(function(){
jQuery("#ValidField").validate({
expression: "if (VAL) return true; else return false;",
message: "Please enter the Required field"
});
jQuery("#ValidNumber").validate({
expression: "if (!isNaN(VAL) && VAL) return true; else return false;",
message: "Please enter a valid number"
});
jQuery("#ValidInteger").validate({
expression: "if (VAL.match(/^[0-9]*$/) && VAL) return true; else return false;",
message: "Please enter a valid integer"
});
jQuery("#ValidDate").validate({
expression: "if (!isValidDate(parseInt(VAL.split('-')[2]), parseInt(VAL.split('-')[0]), parseInt(VAL.split('-')[1]))) return false; else return true;",
message: "Please enter a valid Date"
});
jQuery("#ValidEmail").validate({
expression: "if (VAL.match(/^[^\\W][a-zA-Z0-9\\_\\-\\.]+([a-zA-Z0-9\\_\\-\\.]+)*\\@[a-zA-Z0-9_]+(\\.[a-zA-Z0-9_]+)*\\.[a-zA-Z]{2,4}$/)) return true; else return false;",
message: "Please enter a valid Email ID"
});
jQuery("#ValidPassword").validate({
expression: "if (VAL.length > 5 && VAL) return true; else return false;",
message: "Please enter a valid Password"
});
jQuery("#ValidConfirmPassword").validate({
expression: "if ((VAL == jQuery('#ValidPassword').val()) && VAL) return true; else return false;",
message: "Confirm password field doesn't match the password field"
});
jQuery("#ValidSelection").validate({
expression: "if (VAL != '0') return true; else return false;",
message: "Please make a selection"
});
jQuery("#ValidMultiSelection").validate({
expression: "if (VAL) return true; else return false;",
message: "Please make a selection"
});
jQuery("#ValidRadio").validate({
expression: "if (isChecked(SelfID)) return true; else return false;",
message: "Please select a radio button"
});
jQuery("#ValidCheckbox").validate({
expression: "if (isChecked(SelfID)) return true; else return false;",
message: "Please check atleast one checkbox"
});
jQuery('.AdvancedForm').validated(function(){
alert("Use this call to make AJAX submissions.");
});
});
/* ]]> */
</script>
</head>
<body>
<div class="Tabs">
<a href="../">Simple Demo</a>
<a href="#" class="Active">Advanced Demo</a>
</div>
<div class="TabBody">
<h1>jQuery Live Form Validation Advanced Demo</h1>
<form action="" method="post" class="AdvancedForm">
<table cellpadding="3" cellspacing="2">
<tr>
<td>
Enter a Required Field
</td>
<td>
<input type="text" name="ValidField" id="ValidField" />
</td>
</tr>
<tr>
<td>
Enter a Number
</td>
<td>
<input type="text" name="ValidNumber" id="ValidNumber" />
</td>
</tr>
<tr>
<td>
Enter an Integer
</td>
<td>
<input type="text" name="ValidInteger" id="ValidInteger" />
</td>
</tr>
<tr>
<td>
Enter a Date (MM-DD-YYYY)
</td>
<td>
<input type="text" name="ValidDate" id="ValidDate" />
</td>
</tr>
<tr>
<td>
Enter Email ID
</td>
<td>
<input type="text" name="ValidEmail" id="ValidEmail" />
</td>
</tr>
<tr>
<td>
Password
</td>
<td>
<input type="password" name="ValidPassword" id="ValidPassword" />
</td>
</tr>
<tr>
<td>
Confirm Password
</td>
<td>
<input type="password" name="ValidConfirmPassword" id="ValidConfirmPassword" />
</td>
</tr>
<tr>
<td>
Make a selection
</td>
<td>
<select name="ValidSelection" id="ValidSelection">
<option value="0">Make a Selection</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
<option value="Option 4">Option 4</option>
</select>
</td>
</tr>
<tr>
<td>
Make a multi-selection
</td>
<td>
<select name="ValidMultiSelection" id="ValidMultiSelection" multiple="multiple">
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
<option value="Option 4">Option 4</option>
</select>
</td>
</tr>
<tr>
<td>
Select a Radio Button
</td>
<td>
<span id="ValidRadio" class="InputGroup">
<label for="ValidRadio_1">
<input type="radio" name="ValidRadio" id="ValidRadio_1" value="1" />Radio Bu
jquery-form-validate.1.2.zip （38个子文件） 
jquery-form-validate 
index.html 4KB images .svn tmp props prop-base text-base props 
all-wcprops 172B entries 394B prop-base valid-xhtml.gif.svn-base 53B text-base valid-xhtml.gif.svn-base 1KB format 2B
valid-xhtml.gif 1KB advanced_demo index.html 11KB .svn tmp props prop-base text-base props all-wcprops 176B entries 426B prop-base text-base index.html.svn-base 11KB format 2B lib .svn tmp props prop-base text-base props all-wcprops 66B entries 238B prop-base text-base format 2B jquery .svn tmp props prop-base text-base props all-wcprops 291B entries 549B prop-base text-base jquery-1.3.2.js.svn-base 118KB jquery-1.3.2.min.js.svn-base 56KB format 2B jquery-1.3.2.js 118KB jquery-1.3.2.min.js 56KB stylesheets .svn tmp props prop-base text-base props all-wcprops 285B entries 587B prop-base jquery.validate.css.svn-base 28B text-base jquery.validate.css.svn-base 669B style.css.svn-base 833B format 2B jquery.validate.css 669B style.css 833B README 1KB javascripts .svn tmp props prop-base text-base props all-wcprops 325B entries 602B prop-base text-base jquery.validate.js.svn-base 4KB jquery.validation.functions.js.svn-base 1KB format 2B jquery.validate.js 4KB jquery.validation.functions.js 1KB资源评论
西游工作室2013-07-03不好用，无法手动提交得到验证未通过的结果
jason_djx
- 粉丝: 4
- 资源: 95
最新资源
- Python复合数据类型：解锁编程世界的无限可能.md
- 期末大作业-基于Faster RCNN的人脸口罩识别系统python源码+说明+数据集模型
- 课程设计-基于Faster RCNN的人脸口罩识别系统python源码+文档说明+数据集模型
- Python中的魔法元素：探索基本数据类型的奥秘.md
- 管道潜望镜检测技术在排水管道检测中的应用_孙乐乐.caj
- 3666 删除最小值.cpp
- Ruby 语言教程、案例及相关项目.docx
- 汇编黑白棋源代码包含:文件操作（如环境，存取进度等）,鼠标键盘操作,可选择人机或二人对奕，可选择先手等
- 汇编单片机程序课程设计总结报告-迷宫问题,图形界面及整体规划,由电脑自动搜索迷宫路径
- Scala实现的基于spark智慧交通车流量监控项目+源代码+文档说明（高分项目）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
