如何使用javascript ajax驗證每個文本框？

Question

我想驗證每個動態文本框，以便在每個文本框中輸入輸入（pid）時，輸入將傳遞到ajax，並且如果personName位於數據庫中，並且如果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> 

請如何驗證每一個文本框幫助嗎？由於

Answer 1

可以遍歷一個循環遍及每一個文本框，可以檢查&驗證文本框的值，你分貝值

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

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

     }else{ 

     } 
    })