Pengesahan borang Javascript-serahkan borang_javascript kemahiran

Bacaan yang disyorkan: Panjang pengesahan borang JavaScript

Pengesahan borang JavaScript - pengenalan pertama kepada ungkapan biasa

Pengesahan borang Javascript - mendedahkan ungkapan biasa

JavaScript boleh digunakan untuk mengesahkan data input ini dalam borang HTML sebelum data dihantar ke pelayan.

Data buruk tidak boleh sampai ke pelayan: pengesahan semasa menyerahkan borang

Terdapat atribut borang dalam objek medan borang, yang menggunakan tatasusunan untuk mewakili medan keseluruhan borang

Andaikan hanya terdapat kotak teks maklumat ringkas dan kotak poskod dan butang hantar

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

Ringkasan: Anda hanya perlu memanggil fungsi pengesahan yang sepadan dan mendapatkan nilai pulangan, dan kemudian anda boleh melengkapkan penapisan data akhir apabila menyerahkan borang

Dalam aplikasi praktikal, selalunya perlu untuk mengesahkan panjang, tidak kosong, aksara yang menyalahi undang-undang, format, saiz, dll. saya tidak akan memperkenalkannya satu demi satu di sini, tetapi penekanannya adalah pada pemahaman.

Baiklah, editor akan memperkenalkan anda kepada pengetahuan yang berkaitan tentang pengesahan borang Javascript dan penyerahan borang di sini saya harap ia akan membantu anda!