用戶名、密碼驗證

1、

jquery驗證表單很簡單的方法
現在網上有很多jquery驗證表單的插件，但都寫的比較復雜。一般都有兩三個文件。
我今天寫一個最簡單但是很實用的驗證登錄表單的方法。
我基本上只是給大家提供一種思路。jquery插件一般也是按這個思路寫的。
大家可以按這個思路去擴展，不過只要實用越簡單越好

代碼如下

<script type="text/javascript">
 //首先要加載jquery庫文件，因為這里只是給大家演示，所以我就不加載了。
 //下面為jquery代碼
 $(function(){
     $("#name").blur(function(){//用戶名文本框失去焦點觸發驗證事件
        if(!$(this).val || !$(this).val.match(/([w]){2,15}$/))//只處驗證不能為空并且只能為英文或者數字或者下劃線組成的２－１５個字符
        {
            $("#nameTip").html("用戶名不能為空且只能為英文或者數字");
        }
        else
        {
            $("#nameTip").html("輸入正確");
        }

     });

      $("#pas1").blur(function(){//用戶名文本框失去焦點觸發驗證事件
        if(!$(this).val || !$(this).val.match(/([w]){2,15}$/))//只處驗證和上面一樣
        {
            $("#pas1").html("密碼不能為空且只能為英文或者數字");
        }
        else
        {
            $("#pas1").html("輸入正確");
        }

     });
     $("#pas2").blur(function(){//用戶名文本框失去焦點觸發驗證事件
        if(!$(this).val || $(this).val() != $("#pas1").val() )//只處驗證和上面一樣
        {
            $("#pas2").html("密碼為空或者和上面的密碼不致");
        }
        else
        {
            $("#pas2").html("輸入正確");
        }

     });

})
 </script>
  <form action="#">
    用戶名：<input type="text" id="name" /><span id="nameTip"></span>
    密碼：<input type="password" id="pas1" /><span id="pas1Tip"></span>
    確認密碼：<input type="password" id="pas2" /><span id="pas2Tip"></span>
    <input type="submit" value="提交" />
  </form>