如何使用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{ 

     } 
    })