如何使用动态创建的jQuery获取文本框的值？

Question

我正在研究mvc4项目。

如果我动态创建的文本框具有null值，我想设置验证警报消息

为此，我尝试像

  function ValidateForm() {
        debugger;
        $("#MYFORM tr td").find("input:text").each(function (index) {
            debugger;
            if ($(this).attr("value") == undefined && $(this).attr("value") == "") {
                alert("values are null..")
                return false;
            }

        });            
    }

请让我知道jquery检查空值的语法。

我的问题是我的表格中有多个文本框

Answer 1

使用val()

    function ValidateForm() {
                var flag=0;
                debugger;
                $("#MYFORM tr td").find("input:text").each(function (index) {
                    debugger;
                    if ($(this).val() == undefined && $(this).val() == "" && $(this).val()==null) {//use val() here
                  alert("values are null..");
                 flag=1;
                //$(this).css("border","1px solid red"); all input which are null will be have red border
                  }
            });  
            if(flag==1){
                 return false;
            } 
            else{
               return true;
            }         
        }      

Answer 2

您可以使用以下任何一种方法来检查该值是否为空：

if(!$(this).val())

if($(this).val().length == 0) 

Answer 3

工作的jsfiddle： http : //jsfiddle.net/patelmilanb1/9NMmx/2/

   $(document).ready(function () {
     $('#MYFORM tr td').html("<input type='text' />");
  });


$(document).on("blur", "#MYFORM input[type=text]", function () {
    ValidateForm($(this));
});

function ValidateForm(element) {
    if ($(element).val().length < 1) {
        alert("values are null..")
    }
}

您需要在文档级别绑定事件以动态创建HTML元素。

Answer 4

您的if条件永远不会成立。 更改为：

if ($(this).attr("value") == undefined && $(this).attr("value") == "")

至：

if ($(this).attr("value") == undefined || $(this).attr("value") == "")

要么：

if ($(this).val() == undefined || $(this).val() == "")

Answer 5

这与jQuery无关。

在Javascript中，一个概念未定义（值不存在），另一个为null，另一个为空字符串”。

我建议首先检查undefined和null，然后检查空字符串。另外，我建议缓存返回值。

var val = $(this).val();
if(val == null || val.length == 0)
    alert('values are null ...');

val == null评估val是undefined还是null。