Typeerror:. $ (...) val (...) in jquery undefined

Question

ich dieses

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

Mit dem folgenden JavaScript-Code fehler-:

$(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; 
     } 
    }); 
}); 

Hier ist mein html code-

<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> 

Irgendwelche Ideen, warum ich solche Fehler bekomme?

Answer 1

Das Element mit der ID Ro nicht vorhanden ist, so dass dieser Code nicht:

$("#ro").val() 

Ich nehme an, dies

$("#role").val() 

Answer 2

Typing Fehler auf dieser Linie sein muss -

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

Ändern Sie es in -

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

Answer 3

$ (document) .ready (function() { $ ("# Rolle"). Auf ('keyup', function() {

check this out

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

}); 

Answer 4

  $("#ro").val() 

Dieser Fehler kommt, weil Element mit der Id ro nicht

ändern Sie diese

 $("#role").val() 

#role existiert