Popover auf Textfeld zeigen, wenn der Wert überschritten wird

Question

Ich bin neu in Javascript. Ich habe keine Ahnung von Javascript und lerne immer noch. Ich möchte eine kleine Hilfe.
Ich habe ein Etikett mit einer Nummer. Der Benutzer muss manuell eine Nummer in ein Textfeld eingeben. Wenn der vom Benutzer eingegebene Wert den auf dem Etikett angegebenen Wert überschreitet, sollte ein Popover über dem Eingabefeld angezeigt werden.
Ich habe versucht, es zu tun, aber das Popover wird sowieso angezeigt. Ich möchte, dass das Popover nur angezeigt wird, wenn die Bedingung erfüllt ist.
Kann mir bitte jemand sagen, wie kann ich Anchor-Tag und <br>-Tag in Popover-Inhalt enthalten?

$(document).ready(function(){ 
 
    var Err2 = $("#max").val(); 
 
    $('input').blur(function(){ 
 
    if($(this).val() >= Err2) { 
 
     $(this).popover({ 
 
     title: 'Warning!', 
 
     content: 'sfgjksfhgjkhdghdfgjkdfjkgdfjkgn <a href=#">fgdfgdg</a>jhksdjhfdfsdgjlk', 
 
     placement: 'bottom' 
 
     }).popover('show'); 
 
    } else { 
 
     $(this).popover('destroy'); 
 
    } 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
content=<span id="max">5</span> 
 
<input type="text" class="form-control">

http://www.bootply.com/suPp4ThGxq

Answer 1

Verwenden text() statt val() wie folgt aus:

var Err2=$("#max").text(); 

Auch müssen Sie testen, ob Sie Zahlen oder Text in Ihrem Bereich erhalten.

diesen Beitrag anzeigen zu testen, ob ein Feldnummern enthält: Javascript regexp number only check

Answer 2

Zuerst span haben keine value Eigenschaft. So $("#max").val() wird zurückgeben ""

Secound, wenn Sie Wert von DOM-Element lesen, werden sie als Zeichenfolge gelesen. Es ist am besten, wenn Sie parseInt() oder parseFloat() verwenden, um zu überprüfen.

Updated Code

Answer 3

Ersetzen Sie einfach die var Err2 = $("#max").val(); mit var Err2 = $("#max").text();

für span "es gibt" für val()

Answer 4

einfach Ihr Skript mit dem ersetzen unten, wie Sie es erwartet haben funktioniert.

<script> 
$(document).ready(function(){ 
    var Err2 = $("#max").text(); 
    $('input').keyup(function(){ 
    if($(this).val().length >= Err2) { 
     $(this).popover({ 
     title: 'Warning!', 
     content: 'sfgjksfhgjkhdghdfgjkdfjkgdfjkgn <a href=#">fgdfgdg</a>jhksdjhfdfsdgjlk', 
     placement: 'bottom' 
     }).popover('show'); 
    } else { 
     $(this).popover('destroy'); 
    } 
    }) 
}); 
</script>