| <！DOCTYPE html> | |
| <HTML> | |
| <HEAD> | |
| <TITLE>阻止表單缺剩提交</ TITLE> | |
| </ HEAD> | |
| <BODY> | |
| <form action =“https://www.baidu.com”name =“form1”> | |
| 用戶名：<input type =“text”name =“username”> | |
| <span> </ span> <br> | |
| 密碼：<input type =“password”name =“password”> <br> | |
| <input type =“submit”name =“submit1”value =“註冊”> <br> | |
| <P>註冊頁面提示信息，AJAX學完在補充：當光標移除輸入框就開始判斷</ P> | |
| <P>如果沒有填完是不允許提交的，所以需要使用JS驗證，阻止缺剩提交</ P> | |
| </ FORM> | |
| </ BODY> | |
| <script type =“text / javascript”> | |
| //查找表單的三種方法 | |
| // 1通用方法 | |
| // 2通過document.forms [0]獲得形式對象 | |
| // 3獲得形式表單中的對象通過：document.form.username。獲取到名稱值爲username的標籤對象 | |
| document.forms [0] = .submit1.onclick函數（e）中{ | |
| var ev = e || event //瀏覽器兼容 | |
| ev.preventDefault（）//阻止表單默認提交【重除提交】 | |
| usernameValue = document.forms [0] .username.value | |
| if（usernameValue && usernameValue.length> 3）{ | |
| //如果username不爲爲空且長度大於3，則可以提交 | |
| document.forms [0] .username.nextElementSibling.innerText = '用戶名可用' | |
| document.forms [0] .submit（） | |
| }其他{ | |
| document.forms [0] .username.value = '' | |
| document.forms [0] .username.nextElementSibling.innerText = '用戶長度不夠' | |
| document.forms [0] .username.focus（） | |
| } | |
| } | |
| </ SCRIPT> | |
| </ HTML> |
阻止表單缺剩提交
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
JavaScript 音頻插件和圖表插件
howler音頻插件 配置項及事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <s
JavaScript中的window對象
window對象：每一個該對象代表一個瀏覽器窗口 1.常用方法如下 open("要打開的頁面文件名","打開窗口在操作系統中的名稱(任何名稱都可以)", "toolbar=?,menubar=?,