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裡修改