Tutorial borang pengesahan pembangunan JS - borang pengesahan (1)
Mari kita lihat kod dari bahagian sebelumnya dahulu
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{margin:0;padding:0;}
#div{width:410px;height:400px;background:#46a3ff;padding-left:16px;
padding-top:20px;}
input{
outline:none;
box-sizing:border-box;padding-left:15px;}
textarea{
outline:none;resize : none;
box-sizing:border-box;padding-left:15px;padding-top:5px;}
.name{width:200px;height:30px;margin-left:8px;border:1px solid #ffc1e0;border-radius:8px;}
.pwd{width:200px;height:30px;
margin-left:8px;border:1px solid #ffc1e0;border-radius:8px;}
.email{width:200px;height:30px;margin-left:8px;border:1px solid #ffc1e0;border-radius:8px;}
.txt{
width:280px;height:70px;margin-left:8px;border:1px solid #ffc1e0;border-radius:8px;}
.sub{width:100px;height:30px;padding-left:0px;
border:none;
border-radius:5px;background:#ffd0ff;}
.sub:hover{background:#ffaad5;}
.div{
width:200px;height:30px;margin:0 auto;box-sizing:border-box;padding-left:45px;padding-top:5px;color:#8600ff;font-weight:bold;}
</style>
</head>
<body>
<div id="div">
<form>
<label>用戶名:</label>
<input type="text" class="name" id="name">
<div id="sp" class="div"></div>
<label>密 碼:</label>
<input type="password" class="pwd" id="pwd">
<div id="sp1" class="div"></div>
<label>郵 箱:</label>
<input type="text" class="email" id="email">
<div id="sp2" class="div"></div>
<label>愛 好:</label>
<textarea rows="5" cols="40" class="txt" id="txt"></textarea>
<div id="sp3" class="div"></div>
<input type="button" class="sub" value="注冊" id="sub">
</form>
</div>
</body>
</html>Mari kita lihat pada mengesahkan nama pengguna dahulu:
var sub = document.getElementById('sub'); < C> Sub.Onclick = Function () {
// Sahkan sama ada nama pengguna kosong Jika ia kosong, berikan maklumat segera
var val = document.GetelementByid ('name').
if(val == ""){
? ? ? ? ? ? ? document.getElementById("sp").innerHTML = "Sila masukkan nama pengguna!"; ??>Dapatkan nilai kotak teks, dan kemudian nilaikan nilai kotak teks Jika ia sama dengan kosong, kami akan memberikan mesej segera, yang disimpan dalam tag div
Malah, kami secara kasar memahaminya selepas menulis satu Pengesahan kotak teks dan medan teks yang tinggal adalah sangat mudah
var sub = document.getElementById('sub');
sub.onclick=function(){
//Sahkan sama ada nama pengguna kosong, jika kosong, berikan gesaan
var val = document.getElementById('name').value;
if(val == ""){
document.getElementById("sp").innerHTML = "Sila masukkan nama pengguna anda!";
} // Sahkan sama ada kata laluan kosong, untuk udara, berikan maklumat segera
var val1 = document.GetelementByid ('pwd' jika (nilai == ""); {
Document.getElementById("sp1").innerHTML = "Sila masukkan kata laluan anda!";
}
email').value;
if (value == "" ") {
Document.GetelementByid (" sp2 "). ; }??????????????????????????????????????????????????????????????????
