javascript ajaxを使用して各テキストボックスを検証する方法は？

Question

各テキストボックスに入力（pid）が入力されたときに入力がajaxに渡され、personNameがDBにある場合はtrueを返し、DBのpersonNameが他のテキストボックスのpersonName。しかし、私はそれを行う方法がわかりません。ここに私のサンプルチェックがあります。

Javascriptを：

function validateTextbox() { 


var pName = document.getElementsByClassName("personNameStatic"); 
var pNameVal = pName[0].value;//value of personName in another textbox 

var pn = document.getElementsByClassName("personName"); //person name which will be passed to an ajax to get personName from DB 

    for (var i = 0; i < pn.length; i++) { 
     var pnval = pn[i].value; 


       $.ajax({ 
       //ajax here 
        success: function(data) { 

         var personName = data.pName; 

         if (pNameVal == personName){ //compare pNameVal (from another textbox) to personName (coming from DB) 

          alert("Name is valid."); 
         }else{ 

          alert ("Name is invalid"); 
         } 
         },//END: success  
        });//END: ajax 
     } 

} 

HTML：

<td><input type="text" name="personName" id="personId-1" class="personName" size="30"/></td> //textbox which inputs the pid 
<td><input type="text" name="personName" id="personId-2" class="personName" size="30"/></td> //textbox which inputs the pid 
<td><input type="text" name="personName" id="personId-3" class="personName" size="30"/></td> //textbox which inputs the pid 


<td><input type='text' id='personIdstatic' class='personNameStatic' size='30' value='John' disabled /></td> 

各テキストボックスを検証する方法について助けてください？おかげ

あなたは、すべてのテキストボックス全体のループを繰り返すことができますし、DBに&検証テキストボックスの値を確認することができます

Answer 1

は値

var personName = data.pName; // this is from back-end 

    $(".personName").each(function(){ 
     if($(this).val() == personName){ 

     }else{ 

     } 
    })