Heim > Web-Frontend > js-Tutorial > JS implementiert digitale und E-Mail-Verifizierungsfunktionen vor dem Absenden des Formulars

JS implementiert digitale und E-Mail-Verifizierungsfunktionen vor dem Absenden des Formulars

韦小宝
Freigeben: 2018-01-08 10:51:29
Original
1286 Leute haben es durchsucht

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 der

vom 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

js String lautet wie folgt:
<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>
Nach dem Login kopieren

replace(match/* string OR
regulärer Ausdruck

*/, replacement/* string OR function*/)


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>
Nach dem Login kopieren
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.

Zusammenfassung

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-Deduplizierungsmethode

JS-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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage