编辑下面的代码:【加编码】
<html> <head> <title>jQuery Password Validation(密码验证)插件 - 基本</title> <link rel="stylesheet" type="text/css" media="screen" href="http://jquery.bassistance.de/validate.password/jquery.validate.password.css"> <script type="text/javascript" src="http://jquery.bassistance.de/validate.password/lib/jquery.js"></script> <script type="text/javascript" src="http://jquery.bassistance.de/validate.password/lib/jquery.validate.js"></script> <script type="text/javascript" src="http://jquery.bassistance.de/validate.password/jquery.validate.password.js"></script> <script id="demo" type="text/javascript"> $(document).ready(function() { $("#register").validate(); $("#password").valid(); }); </script> <style> label, input { float: left; } input { margin-left: 1em; } label.error { display: none !important; } .password-meter { float: left; } </style> </head> <body> <form id="register"> <label for="password">密码:</label> <input class="password" name="password" id="password"> <div class="password-meter"> <div class="password-meter-message"> </div> <div class="password-meter-bg"> <div class="password-meter-bar"></div> </div> </div> </form> </body> </html>
结果: 【此窗口】 帮助?
Try it Yourself - © 自强学堂