Как проверить каждое текстовое поле с помощью javascript ajax?

Question

Я хотел проверить каждое динамическое текстовое поле таким образом, что при вводе ввода (pid) в каждое текстовое поле вход будет передан в ajax и будет возвращен true, если 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

Вы можете итерацию цикла в течение каждого текстового поля и может проверить значения & VALIDATE TextBox для вас дб значения

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

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

     }else{ 

     } 
    })