2つのテキストボックスのJquery-Validationチェック

Question

function validate() 
    { 
    var textbox= $("#inputtextbox").val(); 
    var match = /^([a-zA-Z0-9]{1,})$/; 
    if(!match.test(textbox)) { 
    $("#dataError").text('Min 1 alpha numeric characters and space allowed.').fadeOut(5000); 
    return false; 
    } 

var textbox= $("#inputtextbox").val(); 
    var match = /^([a-zA-Z0-9]{1,})$/; 
    if(!match.test(textbox)) { 
    $("#dataErr").text('Min 1 alpha numeric characters and space allowed.').fadeOut(5000); 
    return false; 
    } 
} 

私はフォームと2つのテキストボックスを持っています。私は2つのテキストボックスを検証しています。テキストボックスと[送信]ボタンの両方を入力しないと、最初のテキストボックスにエラーメッセージを表示します。 最初のテキストボックスにすべてのものを正しく記入し、2番目のテキストに何も記入しないと、2番目のテキストボックスにエラーメッセージが表示されます。

ありがとうございます！

Answer 1

この

<input id="box_1" class="textbox" value="" /> 
<span></span> 

<input id="box_2" class="textbox" value="" /> 
<span></span> 

$('#form').submit(function(){ 

var valid = validate(); 

if(valid) 
{ 
    //do submit 
} 

}); 


function validate() 
    { 

    var result = true; 

    $('.textbox').each(function(){ 

    var textbox= $(this).val(); 

    var text_id = $(this).attr('id'); 

    if(text_id = 'box_1') 
    { 
     var match = /^([a-zA-Z0-9]{1,})$/; 
    } 
    else if(text_id = 'box_2') 
    { 
     var match = /^([a-zA-Z0-9]{1,})$/; 
    } 

    if(!match.test(textbox)) { 
     $(this).next('span').text('Min 1 alpha numeric characters and space allowed.').fadeOut(5000); 
     result = false; 
     } 
    }); 

return result; 

    } 

UPDATE

function validate() 
    { 

    var valid = true ; 

    var textbox= $("#inputtextbox_1").val(); 
    var match = /^([a-zA-Z0-9]{1,})$/; 
    if(!match.test(textbox)) { 
    $("#dataError_1").text('Min 1 alpha numeric characters and space allowed.').fadeOut(5000); 
    valid = false; 
    } 

var textbox= $("#inputtextbox_2").val(); 
    var match = /^([a-zA-Z0-9]{1,})$/; 
    if(!match.test(textbox)) { 
    $("#dataErr_2").text('Min 1 alpha numeric characters and space allowed.').fadeOut(5000); 
    valid = false; 
    } 

    return valid; 
} 

Answer 2

両方の検証で同じjqueryオブジェクト$（ "＃dataError"）を参照しているため、データエラーボックスしかないため、1つのエラーメッセージしか表示されません。

両方を表示する場合は、2番目のデータエラーボックスを作成する必要があります。私の質問のコードを更新：