Wie validiere Eingabefeld in jquery Funktion?

Question

Ich habe Eingabefeld nicht in Form

<input type="text" class="form-control" id="ruling-value" required> 

und Knopf

<button id="addButton" type="button" class="btn btn-primary">add</button> 

und

$('#addButton').click(function() { 
     var values = $("#ruling-value").val().split(','); 
     //some code 
     } 
    }); 

I ruling-value Feld validieren möchten, wenn die Taste onClick Methode aufgerufen wird, zu werden. Wenn das Feld leer ist, möchte ich einen Tooltipp oder eine Nachricht darüber anzeigen. Wie kann ich es tun?

Answer 1

Einfaches Hinzufügen if() sowohl seine Validate null und empty .Ich wurde aktualisiert bestätigen meine antwort mit bootstrap alarm box

aktualisiert mit bootstr ap

$('#addButton').click(function() { 
 
    $(".alert").hide() 
 
     if($("#ruling-value").val()) 
 
     { 
 
    $(".alert-success").show() 
 
     } 
 
    else{$(".alert-warning").show()} 
 
    });

.alert{display:none}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="form-control" id="ruling-value" required> 
 

 

 
<button id="addButton" type="button" class="btn btn-primary">add</button> 
 
<div class="alert alert-warning"> 
 
    <strong>Warning!</strong> This alert box could indicate a warning that might need attention. 
 
    </div> 
 
<div class="alert alert-success"> 
 
    <strong>Success!</strong> This alert box could indicate a successful or positive action. 
 
    </div>

Answer 2

Sie mögen diese versuchen können, Sie haben Ihre values wie sein nicht null und nicht leer

$(document).ready(function(){ 
 
    $('#addButton').click(function() { 
 
     var values = $("#ruling-value").val().split(','); 
 
     if(values != '' && values != null) 
 
     { 
 
      //Your code 
 
     }else{ 
 
      alert("Required") 
 
      return false; 
 
     } 
 
    }); 
 
});

<input type="text" class="form-control" id="ruling-value" required> 
 
<button id="addButton" type="button" class="btn btn-primary">add</button> 
 
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>