javascript高階之表單校驗
阿新 • • 發佈：2019-02-19
表單校驗是指:規範資料的輸入格式:
方式一:
思路:(1)建立一個form標籤,使用onsumbit事件
(2)建立文字輸入項,建立submit提交按鈕,
(3)使用繫結的第一種方式:1根據id拿到標籤物件,在根據標籤物件拿到該標籤的value值
2if判斷為空則為false,不為空則為true.
<html>
<head>
<title>html示例</title>
</head>
<body>
<!-- 表單的提交方式一 -->
<form method="get" onsubmit="return check();">
username: <input type="text" name="username" id="username"/>
<br/>
password: <input type="password" name="password"/>
<br/>
<input type="submit" value="提交"/>
</form>
</body>
<script type="text/javascript">
function check(){
var a = document.getElementsByName("username")[0];
if(a.value == ""){
return false;
}
return true;
}
</script>
</html>
方式二:使用button進行表單校驗
思路:(1)建立form標籤,建立輸入項
建立button按鈕.關聯onclick事件
(2)事件繫結第一種方式:1根據id拿到標籤物件,在根據標籤物件拿到該標籤的value值
2進行非空判斷,呼叫submit(),