您好,登錄后才能下訂單哦!
這篇文章主要講解了“怎么用js代碼完整注冊(cè)表單驗(yàn)證及郵箱補(bǔ)齊”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“怎么用js代碼完整注冊(cè)表單驗(yàn)證及郵箱補(bǔ)齊”吧!
代碼如下:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>完整注冊(cè)表單驗(yàn)證及郵箱補(bǔ)齊js特效代碼</title>
<meta name="keywords" content="完整,注冊(cè)表單,表單驗(yàn)證,郵箱補(bǔ)齊,js特效,特效代碼" />
<meta name="description" content="完整注冊(cè)表單驗(yàn)證及郵箱補(bǔ)齊js特效代碼,非常實(shí)用,可以直接應(yīng)用到網(wǎng)站注冊(cè)項(xiàng)目。" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/normalize.css" rel="stylesheet">
<link href="css/public.css" rel="stylesheet">
<link href="css/validator.css" rel="stylesheet">
<link href="css/completer.css" rel="stylesheet">
<link href="jedate/skin/jedate.css" rel="stylesheet">
<link href="css/date.css" type="text/css" rel="stylesheet">
<link href="css/magic-check.css" rel="stylesheet" >
<link href="css/jquery-ui.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="jedate/jedate.js"></script>
<script type="text/javascript" src="js/date.js"></script>
<script type="text/javascript" src="js/jquery-validate.js"></script>
<script type="text/javascript" src="js/validator.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<!--[if lt IE 9]>
<script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header>
</header>
<div class="container">
<div class="form-box row">
<form action="" class="form-horizontal" role="form" id="register-form">
<div class="form-group">
<label for="username" class="col-sm-2 control-label">帳 號(hào) :</label>
<div class="col-sm-10 input-parent">
<input type="text" class="form-control vinput" id="username" name="username" placeholder="請(qǐng)輸入帳戶(hù)" >
<span></span>
</div>
</div>
<div class="form-group">
<label for="phone" class="col-sm-2 control-label">手 機(jī) :</label>
<div class="col-sm-10 input-parent">
<input type="text" class="form-control vinput" id="phone" name="telephone" placeholder="請(qǐng)輸入手機(jī)號(hào)">
<span></span>
</div>
</div>
<div class="form-group ">
<label for="email" class="col-sm-2 control-label">郵 箱 :</label>
<div class="col-sm-10 input-parent">
<input type="text" class="form-control vinput" id="email" name="email" placeholder="請(qǐng)輸入郵箱"/>
<span></span>
</div>
</div>
<div class="form-group">
<label for="birthday" class="col-sm-2 control-label">生 日 :</label>
<div class="col-sm-10 input-parent">
<input type="text" class="form-control vinput" id="birthday" name="birthday" placeholder="請(qǐng)選擇生日" readonly>
<span></span>
</div>
</div>
<div class="form-group ">
<label for="password" class="col-sm-2 control-label">密 碼 :</label>
<div class="col-sm-10 input-parent">
<input type="password" class="form-control vinput" id="password" name="password" placeholder="請(qǐng)輸入密碼"/>
<i class="glyphicon glyphicon-eye-close form-control-feedback" id="toogle-password"></i>
<span></span>
</div>
</div>
<div class="form-group">
<label for="notpass" class="col-sm-2 control-label">確認(rèn)密碼 :</label>
<div class="col-sm-10 input-parent">
<input type="text" class="form-control vinput" id="notpass" name="notpass" placeholder="請(qǐng)?jiān)俅屋斎朊艽a"/>
<i class="glyphicon glyphicon-eye-close form-control-feedback" id="toggle-notpass"></i>
<span></span>
</div>
</div>
<br>
<div class="form-group">
<div class="col-sm-12">
<input type="checkbox" class="magic-checkbox" id="accept" name="accept" />
<label for="accept" class="accept"><span>我已閱讀并接受</span> <a href="javascript:;">《版權(quán)聲明》</a> <span>和</span> <a href="javascript:;">《隱私保護(hù)》</a></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-12">
<input type="submit" class="btn btn-primary form-control" id="submit" value="注冊(cè)"/>
</div>
</div>
</form>
</div>
</div>
<footer>
</footer>
</body>
</html>
感謝各位的閱讀,以上就是“怎么用js代碼完整注冊(cè)表單驗(yàn)證及郵箱補(bǔ)齊”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)怎么用js代碼完整注冊(cè)表單驗(yàn)證及郵箱補(bǔ)齊這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。