如何使用javascript驗證動態生成的輸入框值

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

基本上，它遍歷form內的每個input 。

Answer 2

我不確定你究竟想做什么，但也許如果你把<input required/>你得到的文本框不應該是空的

Answer 3

Here is the jsfiddle link Which is working according your . 

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