kemahiran pengesahan borang javascript ensiklopedia

kemahiran pengesahan borang javascript ensiklopedia_javascript

WBOY

Lepaskan： 2016-05-16 15:45:43

asal

1303 orang telah melayarinya

Data borang biasa yang disahkan oleh JavaScript adalah seperti berikut:

1. Adakah pengguna telah mengisi item yang diperlukan dalam borang?

2. Adakah alamat e-mel yang dimasukkan oleh pengguna sah?

3. Adakah pengguna telah memasukkan tarikh yang sah?

4. Adakah pengguna memasukkan teks dalam medan angka?

Berikut ialah nama pengguna dan kod pengesahan kata laluan:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function validateForm()
{
 var username = document.forms["myForm"]["username"].value;
 var password = document.forms["myForm"]["password"].value;
 alert(username+" "+password);
}
</script>
</head>
<body>
<form name="myForm" action="" onSubmit=" return validateForm()" method="post">
用户名:<input type="text" name="username"/><br/>
密码:<input type="password" name="password"/><br/>
 <input type="submit" value="提交"/>
</form>
</body>
</html>

Salin selepas log masuk

Pengesahan item yang diperlukan (atau diperlukan):

Fungsi berikut digunakan untuk menyemak sama ada pengguna telah mengisi item yang diperlukan (atau diperlukan) dalam borang. Jika diperlukan atau medan yang diperlukan kosong, kotak amaran akan muncul dan nilai pulangan fungsi adalah palsu, jika tidak nilai pulangan fungsi adalah benar (bermakna tiada masalah dengan data):

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
 {alert(alerttxt);return false}
else {return true}
}
}

Salin selepas log masuk

Berikut ialah kod bersama-sama dengan borang HTML:

<html>
<head>
<script type="text/javascript">
function validate_required(field,alerttxt)
{
with (field)
 {
 if (value==null||value=="")
 {alert(alerttxt);return false}
 else {return true}
 }
}
function validate_form(thisform)
{
with (thisform)
 {
 if (validate_required(email,"Email must be filled out!")==false)
 {email.focus();return false}
 }
}
</script>
</head>
<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>
</html>

Salin selepas log masuk

Pengesahan e-mel

Fungsi di bawah menyemak sama ada data yang dimasukkan mematuhi sintaks asas alamat e-mel.

Ini bermakna data input mesti mengandungi simbol @ dan noktah (.). Pada masa yang sama, @ tidak boleh menjadi aksara pertama alamat e-mel dan mesti ada sekurang-kurangnya satu noktah selepas @:

function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
 {alert(alerttxt);return false}
else {return true}
}
}

Salin selepas log masuk

Berikut ialah kod lengkap bersama-sama dengan borang HTML:








Email:

Salin selepas log masuk

Kod di atas ialah nama pengguna, kata laluan, medan yang diperlukan, pilihan yang diperlukan dan e-mel, serta kod borang saya harap ia akan membantu semua orang untuk mempelajari pengesahan borang javascript.