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

Posted 2023-05-09

【中文标题】如何使用javascript验证动态生成的输入框值

【英文标题】：How to validate dynamic generated input box value using 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 标签，除非问题是关于这个插件的。已编辑。谢谢。

【参考方案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/