如果某些文本框是动态生成的，如何进行客户端验证

Question

我正在处理具有此添加按钮的表单，如果单击该按钮，则可能生成一个文本框，并且我有一个减号按钮来取消它。

我的问题是我必须在此页面上进行客户端验证

我用来生成新文本框的代码是

i = 0;
var counter = 2;

$("#addButton").click(function () {
    optionCount++;
i++;


var newTextBoxDiv = $(document.createElement('div'))
     .attr("id", 'TextBoxDiv'+i);
   newTextBoxDiv.after().html('<label>Option : </label>' +
      '<input type="text" class="add_input" name="textbox'  + counter + '"   id="textbox' + counter + '" > <input type="button" class="rem_img minusclick" id="removeButton'+i+'"  alt="Remove"  title="Remove" onclick="RemoveButton(\''+i+'\',\''+counter+'\')">');

 newTextBoxDiv.appendTo("#TextBoxesGroup");
    optionIds.push(counter);
    counter++;

单击提交按钮后，将完成验证。 我需要在每个空文本框旁边显示一条错误消息（通过单击添加按钮生成）

即时通讯感到困惑，从哪里开始，我到底要为此做什么，请帮助..

Answer 1

我添加了onchange方法文本框；

i = 0;
var counter = 2;

$("#addButton").click(function () {
    optionCount++;
i++;


var newTextBoxDiv = $(document.createElement('div'))
     .attr("id", 'TextBoxDiv'+i);
   newTextBoxDiv.after().html('<label>Option : </label>' +
      '<input type="text" onchange="Validate(this,\"ValueControl\")" class="add_input" name="textbox'  + counter + '"   id="textbox' + counter + '" > <input type="button" class="rem_img minusclick" id="removeButton'+i+'"  alt="Remove"  title="Remove" onclick="RemoveButton(\''+i+'\',\''+counter+'\')">');

 newTextBoxDiv.appendTo("#TextBoxesGroup");
    optionIds.push(counter);
    counter++;

创建此功能；

 function Validate(elementObject,validType){
            if(validType=="ValueControl"){
                if($(elementObject).val()==''){
                    $(elementObject).css("background-color","#000000");
                }
            }
        }