我们讲解下表单的使用,我们先讲解原生的javascript表单验证的写法,然后介绍使用插件验证表达。都可以解决我们问题,只是一个有一定的代码基础,还有种懂点js语法也可以修改达到表单验证。使用validationEngine插件验证手机号码是否正确。
今天介绍jQuery validationEngine插件的用法
<!doctype html> <html> <head> <meta charset="utf-8"> <title>validationEngine</title> <link href="//freemuban.com/js/507/validationEngine.jquery.css" rel="stylesheet" type="text/css" media="all" /> <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> <script type="text/javascript" src="//freemuban.com/js/507/jquery.validationEngine-en.js"></script> <script type="text/javascript" src="//freemuban.com/js/507/jquery.validationEngine.js"></script> <script type="text/javascript"> $(function(){ $("form").validationEngine(); }) </script> <style type="text/css"></style> </head> <body> <h1>validationEngine表单验证</h1> <form action="" method="POST" class="niceform p1"> <fieldset> <legend>电话验证</legend> <label> +103-304-340-4300-043<br/> +1 305 768 23 34 ext 23<br/> +1 (305) 768-2334 extension 703<br/> +1 (305) 768-2334 x703<br/> <span>Telephone : </span> <input value="+1 305 768 23 34 ext 23" class="validate[required,custom[phone]] text-input" type="text" name="telephone" id="telephone" /> </label> </fieldset> </form> </body> </html>