說明、舉例驗證 user input，避免無填入或範圍外的數值，
這裡提到經常使用在檢驗數字。
輸入錯誤可選擇顯示跳出視窗，或是在 input 附近提示。
驗證無填入、跳出視窗：
<script>
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="/action_page_post.php"
onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>
以上畫紅字不懂：
1. 為何不可刪除 ["myForm"]？
2. 輸入 false 是為了停止繼續執行？
3. 可以使用 onclick 嗎？
試著將var x 改為常用的 getElementById("fname")、
onsubmit 改為 onclick 並移至 input type="submit" 中，
完全錯誤不驗證跳下一頁！why~
另外，document.forms[][] 好像是第一次出現，留意一下這個句型。
-
2019.07.26 此文章發表時，使用 gulp 版數為 3.9.1，所以在專案資料夾安裝 gulp 時請使用：gulp@3.9.1； 或在 package.json 降為 "gulp": "^3.9.1"，但有網友說在 Node v1... -
引入： 使用Skrollr.js實作視差滾動-(一)入門篇 lala0812.logdown.com 使用方法 art.is.com.tw 有提到parallax設計方向，及另開初始設定css的觀念 How To Create A Parallax Scrolling ...
沒有留言:
張貼留言