JQuery笔记（表单验证）三

来源：互联网发布：纸模型图纸制作软件编辑：程序博客网时间：2024/06/05 01:13

Test for jQuery validate() plugin

回到主页query-plugin-validation：|下载|Changelog|Demos|Documentation

点击[Login]后如下图：

代码 errorcontainer-demo_1.html

<?xml version="1.0" encoding="ISO-8859-1" ?><!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>Test for jQuery validate() plugin</title><link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" mce_href="css/screen.css" /> <mce:script src="http://code.jquery.com/jquery-latest.js" mce_src="http://code.jquery.com/jquery-latest.js"></mce:script> <mce:script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/lib/jquery.delegate.js" mce_src="http://dev.jquery.com/view/trunk/plugins/validate/lib/jquery.delegate.js"></mce:script> <mce:script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js" mce_src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></mce:script> <mce:script type="text/javascript"src="http://jquery.bassistance.de/validate/lib/jquery.metadata.js"></mce:script><mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">/*.cmxform fieldset p.error label { color: red; }div.container {background-color: #eee;border: 1px solid red;margin: 5px;padding: 5px;}div.container ol li {list-style-type: disc;margin-left: 20px;}div.container { display: none }.container label.error {display: inline;}*/form.cmxform { width: 30em; }form.cmxform label.error {display: block;margin-left: 1em;width: auto;}</style><mce:script type="text/javascript"></mce:script></head><body><h1 id="banner"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" mce_href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">jQuery Validation Plugin</a> Demo</h1><div id="main"><form method="get" class="cmxform" id="form1" action=""><fieldset><legend>Login Form</legend><p><label>Username</label><input name="user" title="Please enter your username (at least 3 characters)" class="{required:true,minlength:3}" /></p><p><label>Password</label><input type="password" maxlength="12" name="password" title="Please enter your password, between 5 and 12 characters" class="{required:true,minlength:5}" /></p><div class="error"></div><p><input class="submit" type="submit" value="Login"/></p></fieldset></form><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" mce_href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">回到主页query-plugin-validation：</a>|<a href="http://jquery.bassistance.de/validate/jquery.validate.zip" mce_href="http://jquery.bassistance.de/validate/jquery.validate.zip" title="zip-Archive with source code, minified and packed version, demos and examples">下载</a>|<a href="http://jquery.bassistance.de/validate/changelog.txt" mce_href="http://jquery.bassistance.de/validate/changelog.txt">Changelog</a>|<a href="http://jquery.bassistance.de/validate/demo/" mce_href="http://jquery.bassistance.de/validate/demo/">Demos</a>|<a href="http://docs.jquery.com/Plugins/Validation" mce_href="http://docs.jquery.com/Plugins/Validation">Documentation</a></div><mce:script src="http://www.google-analytics.com/urchin.js" mce_src="http://www.google-analytics.com/urchin.js" type="text/javascript"></mce:script><mce:script type="text/javascript"></mce:script></body></html>

JQuery笔记（表单验证） 三

jQuery Validation Plugin Demo

JQuery笔记（表单验证）三