如何使用 javascript ajax 验证每个文本框？答案

【问题标题】：How to validate each textbox using javascript ajax?如何使用 javascript ajax 验证每个文本框？
【发布时间】：2016-11-15 12:39:19
【问题描述】：

我想验证每个动态文本框，这样当在每个文本框中输入输入（pid）时，输入将被传递到 ajax 并返回 true，如果 personName 在 DB 中并且 DB 中的 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>

请帮忙看看如何验证每个文本框？谢谢

【问题讨论】：

标签： javascript ajax jsp

【解决方案1】：

您可以在每个文本框中迭代一个循环，并可以检查和验证文本框的值是否符合您的数据库值

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

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

       }else{

       }
    })

【讨论】：