ajax方式表单拦截
生活随笔
收集整理的這篇文章主要介紹了
ajax方式表单拦截
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
html
<!DOCTYPE html> <html> <head><title></title><meta charset="utf-8"> </head> <body><form method="post" action="http://www.baidu.com" οnsubmit="return check()" >姓名:<input type="text" name="uName" id="uName" οnblur="checkName();"><span class="message"></span><br/>密碼:<input type="password" name="uPwd" id="uPwd" οnblur="checkPwd()"><span class="message" ></span><br/><input type="submit" value="登錄"></form> <script type="text/javascript" src="login.js"></script> </body> </html>JS
function checkName(){var uName=document.getElementById("uName")var name=uName.value;var message=uName.nextSibling;if(name.length==0){message.innerHTML="用戶名不能為空"// this.focus();return false;}else if (name.length<4||name.length>10){message.innerHTML="用戶名長度為4-10位之間"return false;}else{message.innerHTML="用戶名輸入正確"return true;} }function checkPwd(){var uPwd=document.getElementById("uPwd");var pwd=uPwd.value;var message=uPwd.nextSibling;if(pwd.length==0){message.innerText="用戶密碼不能為空"return false;}else{message.innerText="用戶密碼輸入正確"return true;} }function check(){if(checkName()&&checkPwd()){//發送ajax //操作成功后 返回true 否則返回false } }?
?
可以通過check這個函數的返回結果控制表單的跳轉，為true 才跳轉
轉載于:https://www.cnblogs.com/bruce-gou/p/5226184.html
總結
以上是生活随笔為你收集整理的ajax方式表单拦截的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【ARM-Linux开发】Wi-Fi 应
- 下一篇： [心得]编写服务端的相关设计心得及体会