Question

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

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

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

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

提前感谢您的帮助。

Answer 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');
});

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

Answer 2

我不确定你到底想要做什么，但也许如果你把<input required/>放到文本框中就不应该是空的

Answer 3

Here is the jsfiddle link Which is working according your .

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

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

3 个答案: