-1

以下のコントロールに検証を追加したい: jqueryまたはjavascriptでそれを行う方法を教えてもらえますか

<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>
4

3 に答える 3

2

jquery検証の使用:

<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();
于 2013-03-26T08:58:19.580 に答える
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');
    }
});
于 2013-03-26T08:58:22.393 に答える
1

jQuery.post()も使用できます。これら 2 つの入力の 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 で使用できる値 (単純なエコー付き) が返されます...すべての入力をチェックして、一部のフィールドのみが正しく入力されていないことをユーザーに警告できます。

于 2013-03-26T09:15:23.467 に答える