Javascript-Formularvalidierung – Formular senden_Javascript-Kenntnisse

Empfohlene Lektüre: Javascript-Formularvalidierungslänge

Javascript-Formularvalidierung – erste Einführung in reguläre Ausdrücke

Validierung von Javascript-Formularen – Enthüllung regulärer Ausdrücke

JavaScript kann verwendet werden, um diese Eingabedaten in HTML-Formularen zu validieren, bevor die Daten an den Server gesendet werden.

Fehlerhafte Daten sollten den Server nicht erreichen: Validierung beim Absenden eines Formulars

Im Formularfeldobjekt gibt es ein Formularattribut, das ein Array verwendet, um die Felder des gesamten Formulars darzustellen

Angenommen, es gibt nur ein einfaches Informationstextfeld und ein Postleitzahlenfeld sowie eine Schaltfläche zum Senden

<form>
<input id="message" name="message" type="text" size="12" onBlur="validate_Length(1,32,this,document.getElementById('message_help'));" />
<message_help" class="help"></span>
<input id="ZipCode" name="phone" type="text" size="5" onBlur="validate_ZipCode(this,document.getElementById('ZipCode_help'));" />
<span id="ZipCode_help" class="help"></span>
<input type="button" value="Order Banner" onClick="placeOrder(this.form);"/>
</form>
<script language="javascript" type="text/javascript">
//文本长度验证
function validate_Length(minLegth,maxlength,inputFiled,helpText)
{
if(inputFiled.value.length<minLegth||inputFiled.value.length>maxlength)
{
if(helpText!=null)
{
helpText.innerHTML="请输入长度为"+minLenght+"到"+maxLength+"的文本";
return false;
}
}
else if(helpText!=null)
{
helpText.innerHTML=""
return true;
}
}
//邮政编码验证
function validate_ZipCode(inputFiled,helpText)
{
if(inputFiled.value.length!=5)
{
if(helpText!=null)
helpText.innerHTML="邮政编码长度必须为5位";
return false;
}
else if(isNaN(inputFiled.value))
{
if(helpText!=null)
helpText.innerHTML="邮政编码必须为数字";
return false;
}
else if(helpText!=null)
{
helpText.innerHTML=""
return true;
}
}
function placeOrder(form)
{
if(validateNonEmpty(1,32,form["phone"],form["phone_help"])&&validate_ZipCode(form["ZipCode"],form["ZipCode_help"]))
{
form.submit();
}
else{
alert("您填写的表单数据至少有一项不合法");
}
}
</script>

Zusammenfassung: Sie müssen nur die entsprechende Überprüfungsfunktion aufrufen und den Rückgabewert abrufen. Anschließend können Sie beim Absenden des Formulars die endgültige Datenfilterung abschließen

In praktischen Anwendungen ist es häufig erforderlich, die Länge, nicht leere, illegale Zeichen, das Format, die Größe usw. der Daten zu überprüfen. Ich werde sie hier nicht einzeln vorstellen, aber der Schwerpunkt liegt auf dem Verständnis.

Okay, der Herausgeber wird Ihnen hier das relevante Wissen zur Javascript-Formularüberprüfung und Formularübermittlung vorstellen. Ich hoffe, es wird Ihnen hilfreich sein!