TypeError:$(..）.val(..）在jquery中未定义

TypeError: $(...).val(...) is undefined in jquery

本文关键字：jquery 未定义 val TypeError      更新时间：2023-10-14

我得到这个错误-

TypeError:$（…）.val（…）是未定义的

使用以下JavaScript代码：

$(document).ready(function () {
    $("#role").on('keyup', function(){
        var error = false;
        if ($("#role").val() == ""){  
        if($(this).attr("id") == "role"){
            $("#roleError").html("Role is required");
            $("#role").css("border","1px solid red");
        }
        error = true;
        }
    });
});

这是我的html代码-

<div class="form-group">
    <label class="pull-left" for="role">ROLE</label>
    <input type="text" name="role" class="form-control grn-text-input"
           id="role" ng-model="role.name" placeholder="Manager"  required/>
    <span id="roleError" class="pull-left errormsg"></span> 
</div>

你知道我为什么会犯这样的错误吗？

id为Ro的元素不存在，因此此代码失败：

$("#ro").val()

我想这一定是

$("#role").val()

在这行上键入错误-

if ($("#ro").val() == ""){

将其更改为-

if ($("#role").val() == ""){

$（document）.ready（function（）{$（"#role"）.on（'keyup'，function（）｛

看看这个

 var error = false;
            if ($("#role").val() == ""){  
            if($(this).attr("id") == "role"){
                $("#roleError").html("Role is required");
                $("#role").css("border","1px solid red");
            }
            error = true;
        }
    });
});

          $("#ro").val()

此错误是因为Id为ro的元素不存在

将其更改为#role

        $("#role").val()
相关文章：