2013-03-26 50 views
-1

我想補充驗證以下控制:任何一個可以告訴我用jQuery或JavaScript如何使用javascript或jquery添加驗證控件?

<table width="100%" border="0"> 
        <tbody> 

        <tr> 
         <td>UserName: <span>*</span></td> 
         <td> 
          <input type="text" name="userName" value="" size="40">     
         </td> 
        </tr> 

        <tr> 
         <td>Display Name: <span>*</span></td> 
         <td><input type="text" name="name" value="" size="40" > 
         </td> 
        </tr> 


      </tbody> 
      </table> 
+3

你可以使用[jquery.validate](http://bassistance.de/jquery-plugins/jquery-plugin-validation/)插件 – 2013-03-26 08:56:31

+1

請問你能更具體些嗎?你需要什麼樣的驗證? – DVM 2013-03-26 09:00:10

+1

如前所述,更多地描述你想要的內容,並展示你自己做這件事的嘗試。我們不在這裏爲您編寫代碼......當您遇到困難時,我們在這裏爲您提供幫助。 – Sparky 2013-03-26 16:59:27

回答

2

做到這一點使用jquery validation

<input data-val="true" data-val-length="Name is too long. Max length is 40 chars" data-val-length-max="40" name="name" type="text" value=""> 

JS:

$(".yourTableSelector").validate(); 
1
$("input[name='userName']").change(function(){ 
    if($(this).val()==""){ 
     alert('This field cannot be empty'); 
    } 
}); 

$("input[name='name']").change(function(){ 
    if($(this).val()==""){ 
     alert('This field cannot be empty'); 
    } 
}); 
1

您也可以使用jQuery.post()。設置的這兩個輸入ID,然後在JavaScript:

$.post("validation.php", { username: $("#usernameInputID").val(), displayName: $("#displayNameInputID").val() }).done(function(data) { 
    //Some code (if invalid, fox example set border to red etc...) 
}); 

在validation.php您可以檢查是否收到的字符串是空的,如果用戶名是唯一等,並根據該返回一些值(用簡單的回聲),其中你可以在JavaScript中使用來決定,如果輸入正確與否......你可以檢查每一個輸入單,然後你可以提醒用戶比只有一些字段沒有正確填寫。

相關問題