So überprüfen Sie die Telefonnummer mit Javascript

Blog

So überprüfen Sie die Telefonnummer mit Javascript

Die validierende Telefonnummer ist ein wichtiger Punkt bei der Validierung eines HTML-Formulars. Auf dieser Seite haben wir besprochen, wie man eine Telefonnummer (in einem anderen Format) mit JavaScript validiert:



Zuerst validieren wir eine Telefonnummer mit 10 Ziffern ohne Komma, Leerzeichen, Satzzeichen und es wird kein +-Zeichen vor der Nummer stehen. Einfach die Validierung entfernt alle Nicht-Ziffern und lässt nur Telefonnummern mit 10 Ziffern zu. Hier ist die Funktion.

function phonenumber(inputtxt) { var phoneno = /^d{10}$/; if((inputtxt.value.match(phoneno)) { return true; } else { alert('message'); return false; } }

Flussdiagramm:



wie man pi in python aufruft

Flussdiagramm: JavaScript-Telefonvalidierung-1

Um eine Telefonnummer wie zu validieren
XXX-XXX-XXXX
XXX.XXX.XXXX
XXX XXX XXXX
verwenden Sie den folgenden Code.



function phonenumber(inputtxt) { var phoneno = /^(?([0-9]{3}))?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/; if((inputtxt.value.match(phoneno)) { return true; } else { alert('message'); return false; } }

Flussdiagramm:

Flussdiagramm: JavaScript - Telefonvalidierung-2

Wenn Sie ein + Zeichen vor der Zahl wie folgt verwenden möchten
+XX-XXXX-XXXX
+XX.XXXX.XXXX
+XX XXXX XXXX
verwenden Sie den folgenden Code.

function phonenumber(inputtxt) { var phoneno = /^+?([0-9]{2}))?[-. ]?([0-9]{4})[-. ]?([0-9]{4})$/; if((inputtxt.value.match(phoneno)) { return true; } else { alert('message'); return false; } }

Flussdiagramm:

Flussdiagramm: JavaScript - Telefonvalidierung-3

Die folgenden Codeblöcke enthalten tatsächliche Codes für die genannten Validierungen. Wir haben den CSS-Codeteil für alle Validierungen gemeinsam beibehalten.

CSS-Code

li {list-style-type: none; font-size: 16pt; } .mail { margin: auto; padding-top: 10px; padding-bottom: 10px; width: 400px; background : #D8F1F8; border: 1px soild silver; } .mail h2 { margin-left: 38px; } input { font-size: 20pt; } input:focus, textarea:focus{ background-color: lightyellow; } input submit { font-size: 12pt; } .rq { color: #FF0000; font-size: 10pt; }

Bestätigen Sie eine 10-stellige Telefonnummer

Zuerst validieren wir eine 10-stellige Telefonnummer. Zum Beispiel 1234567890, 0999990011, 8888855555 usw.

HTML Quelltext

JavaScript form validation - checking non-empty

Input an Phone No.[xxxxxxxxxx] and Submit

JavaScript-Code

function phonenumber(inputtxt) { var phoneno = /^d{10}$/; if(inputtxt.value.match(phoneno)) { return true; } else { alert('Not a valid Phone Number'); return false; } }

Flussdiagramm:

Flussdiagramm: JavaScript - Telefonvalidierung 10-stellig

Bestätigen Sie nordamerikanische Telefonnummern

node js prüft, ob das Objekt leer ist

Sehen wir uns nun an, wie Sie eine Telefonnummer entweder in den Formaten 222-055-9034, 321.789.4512 oder 123 256 4587 validieren.

HTML Quelltext

JavaScript form validation - checking non-empty

Input an Phone No.[xxx-xxx-xxxx, xxx.xxx.xxxx, xxx xxx xxxx] and Submit

JavaScript-Code

function phonenumber(inputtxt) { var phoneno = /^(?([0-9]{3}))?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/; if(inputtxt.value.match(phoneno)) { return true; } else { alert('Not a valid Phone Number'); return false; } }

Flussdiagramm:

Prüfungsfragen zur tensorflow-Zertifizierung

Flussdiagramm: JavaScript - Telefonvalidierung Nordamerika

Bestätigen Sie eine internationale Telefonnummer mit Ländervorwahl

Sehen wir uns nun an, wie Sie eine Telefonnummer mit Ländervorwahl validieren, entweder im Format +24-0455-9034, +21.3789.4512 oder +23 1256 4587.

HTML Quelltext

JavaScript form validation - checking non-empty

Input an Phone No.[+xx-xxxx-xxxx, +xx.xxxx.xxxx, +xx xxxx xxxx] and Submit

JavaScript-Code

function phonenumber(inputtxt) { var phoneno = /^(?([0-9]{3}))?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/; if(inputtxt.value.match(phoneno)) { return true; } else { alert('Not a valid Phone Number'); return false; } }

Vielen Dank für Ihren Besuch und das Lesen!

#Javascript #html #css #webdev