Prüfen Sie, ob in der Eingabe nur numerische Werte eingegeben wurden. (jQuery)

Ich möchte mit Hilfe von jQuery überprüfen, ob Benutzer die richtige Telefonnummer eingeben. Bisher bin ich zu diesem Zeitpunkt gekommen:

var phone = $("input#phone").val();
if (phone !== "") {
    //Check if phone is numeric
    $("label#phone_error").show(); //Show error
    $("input#phone").focus(); //Focus on field
    return false;
}

Grundsätzlich wird überprüft, ob eine Telefonnummer eingegeben wurde, und wenn ja, möchte ich überprüfen, ob es sich um einen numerischen Wert handelt und ob die Fehlermeldungen nicht angezeigt werden. Könnte jemand helfen, zu überprüfen, ob es numerisch ist?

Versuchen Sie dies … es stellt sicher, dass die Zeichenfolge “Telefon” nur Ziffern enthält und mindestens eine Ziffer enthält

if(phone.match(/^\d+$/)) {
    // your code here
}

Es gibt eine eingebaute Funktion in jQuery, um dies zu überprüfen (isNumeric), also versuchen Sie Folgendes:

var phone = $("input#phone").val();
    if (phone !== "" && !$.isNumeric(phone)) {
  //Check if phone is numeric
  $("label#phone_error").show(); //Show error
  $("input#phone").focus(); //Focus on field
  return false;
}

Sie können die jQuery-Methode verwenden, um zu prüfen, ob ein Wert numerisch oder ein anderer Typ ist.

$.isNumeric()

Beispiel

$.isNumeric("46")

Stimmt

$.isNumeric(46)

Stimmt

$.isNumeric("dfd")

FALSCH

http://docs.jquery.com/Plugins/Validation/CustomMethods/phoneUS

Schau dir das an. Es sollte genau das sein, wonach Sie suchen. Ein US-Telefon-Validierungs-Plugin für jQuery.

Wenn du es alleine machen willst, wirst du eine Menge Arbeit haben. Probier das aus isNaN() Funktion. Es sagt Ihnen, wenn es keine Nummer ist. Sie werden auch Ihre regulären Ausdrücke für die Validierung auffrischen wollen. Wenn Sie RegEx verwenden, können Sie darauf verzichten isNaN()da Sie sowieso darauf testen werden.

Ich habe das verwendet:

jQuery.validator.addMethod("phoneUS", function(phone_number, element) {
phone_number = phone_number.replace(/\s+/g, ""); 
return this.optional(element) || phone_number.length > 9 &&
    phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/);
}, "Please specify a valid phone number");

Ich habe dies verwendet, um zu überprüfen, ob alle Textfelder numerische Werte hatten:

if(!$.isNumeric($('input:text').val())) {
        alert("All the text boxes must have numeric values!");
        return false;
    }

oder für einen:

$.isNumeric($("txtBox").val());

Verfügbar mit jQuery 1.7.

 if (!(/^[-+]?\d*\.?\d*$/.test(document.getElementById('txtRemittanceNumber').value))){
            alert('Please enter only numbers into amount textbox.')
            }
            else
            {
            alert('Right Number');
            }

Ich hoffe, dieser Code kann Ihnen helfen.

In diesem Code gibt if condition true zurück, wenn es eine gültige Dezimalzahl mit einer beliebigen Anzahl von Dezimalstellen gibt. und die Warnung wird mit der Meldung „Richtige Zahl“ angezeigt, andernfalls wird ein Warn-Popup mit der Meldung „Bitte geben Sie nur Zahlen in das Textfeld für den Betrag ein.“ angezeigt.

Vielen Dank… 🙂