JavaScript表單驗證事件

pangqiandou發表於2017-09-13
JavaScript事件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript表單驗證事件</title>
<script type="text/javascript">
function validate(f){
var emailNode=document.getElementById("email");
var value=emailNode.value;
if(!/^\w+@\w+.\w+$/.test(value)){
alert("Email輸入格式不正確!");
emailNode.value.focus();//讓焦點定位到email輸入框
emailNode.value.select();//選擇文字框全部內容
return false;
}
return true;
}
</script>
</head>
<body>
<!-- 表單開始標記,呼叫validate()函式進行驗證,其中的this表示當前元素,即此表單 -->
<form  action="" method="post" onsubmit="return validate(this)">
Email:<input type="text" name="email" id="email">
  <input type="submit" value="提交">
</form>
</body>
</html>

相關文章