如何使用javascript验证动态生成的输入框值答案

【问题标题】：How to validate dynamic generated input box value using javascript如何使用javascript验证动态生成的输入框值
【发布时间】：2016-09-15 20:11:10
【问题描述】：

我正在动态创建多个文本框，我想在表单提交时进行文本框验证（文本框不应为空）。

我无法在表单提交 jquery 函数上捕获文本框 ID 或名称，有人可以帮助我如何使用 JavaScript/jquery 验证所有动态创建的文本框。

我正在使用以下代码动态生成多个文本框：

var input = $("<input/>", {
    type: "text",
    name: "productPrice",
    class: "form-control",
    id: obj.productName + "Id",
    value: obj.productPrice
});

提前感谢您的帮助。

【问题讨论】：

检查这个小提琴jsfiddle.net/kjdx9gfw
请不要使用jquery-validate 标签，除非问题是关于这个插件的。已编辑。谢谢。

标签： javascript jquery validation

【解决方案1】：

改编自 Ranjeet Singh 的小提琴：https://jsfiddle.net/kjdx9gfw/2/

$('#form_submit').find('input').each(function(i, input){
    var $input = $(input);
    $input.css('background-color', $input.val() ? 'green' : 'red');
});

基本上，它会遍历form 中的每个input。

【讨论】：

【解决方案2】：

我不确定你到底想做什么，但也许如果你输入 <input required/> 你得到的文本框不应该是空的

【讨论】：

【解决方案3】：

Here is the jsfiddle link Which is working according your .

https://jsfiddle.net/sanjayarakeri/fqkh398h/

【讨论】：