zoukankan      html  css  js  c++  java
  • jQuery Validation让验证变得如此容易(一)

    一、官网下载jquery,和jquery validation plugin http://jqueryvalidation.org/

    二、引入文件

    <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="js/jquery.validate.js" type="text/javascript"></script>

    三、接下来,声明下面的HTML片段

    <form action="" id="jvForm">
    	姓名:<input type="text" name="username" id="username" class="required" /></br>
    	密码:<input type="password" name="password" id="password" class="required"/></br>
    	<input type="submit" value="提交" />
    </form>

    通过以上代码,大家会发现我们对于每一个input都加上了class="required"

    他的作用就是在这个inpute标签为空时会提示用户出错。

    四、最后我们要为我们的框架找到一个切入点

    <script type="text/javascript">
    	$(function() {
    		$("#jvForm").validate();
    	})
    </script>

    运行效果如下



    当然提示信息默认是英文的,可根据需要在jquery.validate.js里修改

  • 相关阅读:
    bzoj3211 花神游历各国
    bzoj1010
    day8
    day6&7
    bzoj1087
    noi同步赛day1
    bzoj1076
    day3&4&5
    bzoj1079 dp
    cholesky分解
  • 原文地址:https://www.cnblogs.com/itmyhome/p/4131317.html
Copyright © 2011-2022 走看看