|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <script src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.js"></script><script type="text/javascript">jQuery.validator.setDefaults({debug: true,success: "valid"});;</script> <script> $(document).ready(function(){ $("#myform").validate({ rules: { password: "required", password_again: { equalTo: "#password" } }}); }); </script> <style> #field, label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; } label { width: 10em; }br { clear: both; }input { margin-left: .5em; float: left; border: 1px solid black; margin-bottom: .5em; }input.submit { float: none; }input.error { border: 1px solid red; width: auto; }label.error {background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat;padding-left: 16px;margin-left: .3em;}label.valid {background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;display: block;width: 16px;height: 16px;}</style></head><body> <form id="myform"> <label for="password">Password</label> <input id="password" name="password" /> <br/> <label for="password_again">Again</label> <input class="left" id="password_again" name="password_again" /> <br/> <input class="submit" type="submit" value="Validate!" /></form></body></html> |
|