||  網站導覽  ||  留言版
 
  站長 x 管理人
 
  文章分類
    JAVA
    Database資料庫
    應用程式
    文書處理
    normal一般設定
    Web-design網頁設計
       JSP
       不分類
       .net framework
       asp
       php
    Virtual Machine虛擬機器
    MIS網管
    media多媒體
    未分類
 
 
 
 
表單驗證-v盒子版
 
 
 
 
雖然jquery已經有驗證的套件了,
不過還是自己寫一個比較好玩,

方法是使用jquery+input的title和class屬性
打造盒子版的表單驗證

=====我是開始分隔線==============
首先
建立
<input name="input" type="text"   title="元素名稱" class="text_chk"  value="" size="60"/>


然後在js
建立一個
function chk(){
    var msg="";
    $('.text_chk').each(function(index) {
        //alert(index + ': ' + $(this).text());
        
         if($(this).val()==""){
             msg+=$(this).attr("title")+"不允許空白!!\n";
         }
     });


    if(msg!=""){
        alert(msg);   
        return false;
    }
    else{
        alert('ok');
        return true;   
    }
}

=====我是結束分隔線==============
 
 
 
 
Copyright © 2012 NBOX. All Rights Reserved.