Heim > Artikel > Web-Frontend > JS implementiert digitale und E-Mail-Verifizierungsfunktionen vor dem Absenden des Formulars
In der Projektentwicklung stoßen wir häufig auf die Formularübermittlungsfunktion. Heute nehme ich mir die Zeit, mit Ihnen JS zu teilen, um die Nummern- und E-Mail-Verifizierungsfunktion vor dem Absenden des Formulars zu implementieren 🎜>js Interessierte können sich an JS wenden, um die Funktion zur Überprüfung von Nummern und E-Mails vor dem Absenden eines Formulars zu implementieren.
Persönlich denke ich, dass dies der Fall ist, wenn ein Projekt dies zulässt Wenn Benutzer ein Formular einreichen müssen, sind dervom Benutzer übermittelte Datentyp und der Inhalt höchst unsicher und Benutzer verstehen möglicherweise nicht vollständig die Bedeutung des Designers. Daher ist ein Korrekturlesen vor dem Absenden des Formulars erforderlich. Hier sind einige Korrekturlesemethoden. Ich bin ein Neuling. Bitte geben Sie mir einige Ratschläge. JavaScript-Zeichenfolge Die Funktion der .replace-Funktion besteht darin, die Übereinstimmung in der Zeichenfolge durch Ersetzung zu ersetzen und die ersetzte
Zeichenfolge zurückzugeben. Die Verwendung wird wie folgt eingeführt: Die Funktionssignatur der Ersetzungsfunktion von
<script type="text/javascript"> function toVaild(){ var age = document.getElementById("age").value; var email = document.getElementById("email").value; if(age==null||age.replace(/(^\s*)|(\s*$)/g, "")==""||age==undefined){ //JavaScript String.replace函数 这里用来去掉空格等于trim return false;d }else{ if(isNaN(age)||age<0){ //如果age是特殊的非数字值NaN(或者能被转换为这样的值),返回的值就是true。如果age是其他值,则返回false。 alert("请输入正确的年龄(数字)") document.getElementById("age").focus(); return false; } } if(email==null||email.replace(/(^\s*)|(\s*$)/g, "")==""||email==undefined){ }else{ var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; //匹配邮箱 isok= reg.test(email); if(!isok){ alert("邮箱格式不正确,请重新输入!"); document.getElementById("email").focus(); return false; } } } return true; </script>
replace(match/* string OR
regulärer Ausdruck
ist Wird verwendet, um die Zeichenfolge von zu ersetzen. Die Übereinstimmung wird durch replacement ersetzt und die ersetzte Zeichenfolge wird zurückgegeben.
<form action="${pageContext.request.contextPath }/updateinfo" onsubmit="return toVaild()" > <center> <input type="text" id="age" placeholder="年龄"> <input id="email" placeholder="email" > <button type="submit" >保存修改</button> </center> </form>Der erste Parameter ist also normalerweise ein regulärer Ausdruck, zum Beispiel:
replace(/n/g, "h") // Ersetze alle n in der Zeichenfolge durch h.
Der zweite Parameter kann eine Zeichenfolge sein, die die Gruppierung des regulären Ausdrucks des ersten Parameters enthalten kann, zum Beispiel: replace(/(a){2,2} /g , „$1b“) // Ersetze alle aa im String durch ab.
Das Obige ist das vom Herausgeber eingeführte JS, um die Nummern- und E-Mail-Überprüfungsfunktion vor dem Absenden des Formulars zu implementieren wird dir weiterhelfen. Jeder hilft! !
Verwandte Empfehlungen:
Javascript entspricht dem in js kommentierten regulären Ausdruckscode Beispiel für die JS-Implementierung einer einfachen Array-DeduplizierungsmethodeJS-Verifizierungs-Telefonnummer und Mobiltelefon-Support +86 regulärer Ausdruck
Das obige ist der detaillierte Inhalt vonJS implementiert digitale und E-Mail-Verifizierungsfunktionen vor dem Absenden des Formulars. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!