<!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
1星 需积分: 10 16 浏览量
2013-06-24
13:04:00
上传
评论
收藏 140KB ZIP 举报 
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不好用，无法手动提交得到验证未通过的结果
