HTML、 CSS、 JavaScript三者的關系
網頁主要由三部分組成： 結構（ Structure） 、 表現（ Presentation） 和行為（ Behavior）
HTML —— 結構， 決定網頁的結構和內容（ “是什么”）
CSS —— 表現（ 樣式） ， 設定網頁的表現樣式（ “什么樣子”）
JavaScript（ JS） —— 行為， 控制網頁的行為（ “做什么”）
修改密碼 : html
href="javascript:void(0)" 作用 : 不能點擊行程式中
<form>
<!-- from后面 action="InsertServlet" method="post"-->
<div class="inputBox">
<input type="text" name="LoginID" id="LoginID" required="">
<label>用戶名</label>
</div>
<div class="inputBox">
<input type="text" name="Email" id="Email" required=""> <label>郵箱地址</label>
</div>
<div class="inputBox">
<input type="text" name="Auth" id="Auth" required=""> <label>驗證碼</label>
<a href="javascript:void(0)" id="verify" >獲取驗證碼</a>
</div>
<div class="inputBox">
<input type="PassWord" name="PassWord" id="PassWord" required="">
<label>新密碼</label>
</div>
<div class="inputBox">
<input type="PassWord" name="PassWord2" id="PassWord2" required="">
<label>確認密碼</label>
</div>
<input type="button" id="registerBtn" value="https://bbs.csdn.net/topics/進行修改">
</form>
CSS
body {
#verify{
position: absolute; // 尋找div 控制位置
top: 6px;
right: 10px;
color: #fff;
text-decoration: none; //控制 劃線
}
}
JS
<script>
$(function(){
var getCode = false;
$("#verify").click(function () {
var time = 60;
var $code = $(this);
var Email = $("#Email").val();
if (!new RegExp("^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$").test(Email)) {
alert('電子郵箱格式錯誤！'); return;
}
var url = "/onepiece/verify";
$.post(url, { Email: Email }, function (d) {
if (d.code == "1") {
var t = setInterval(function () {
getCode = true;
if (time == 0) {
clearInterval(t);
$code.html("重新獲取");
getCode = false;
return;
}
$code.html(time + "秒");
time--;
}, 1000);
}
else {
alert(d.msg);
return;
}
}, "json");
});
</script>
uj5u.com熱心網友回復：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/171651.html
標籤：HTML(CSS)
上一篇：nginx配置的疑惑！已經配置了代理，但是時而有效，時而無效！
下一篇：【STM32】DMA程式示例