jsp界面form表單通過定位失敗問題
阿新 • • 發佈:2018-04-26
確認密碼 trim 遇到 spa cli type reg 登錄用戶 數據
問題:在博主寫jsp界面是遇到了一個提交問題,那就是在form表單通過button按鈕的onclick事件提交時,無論如何都會返回一個請求。所以focus定位一直有問題,每次在定位之後都會重新刷新界面
(簡言之:就是form表單中的屬性,button按鈕也會自動提交數據):
代碼如下:
<form id="register"> <div><label>手機號 :</label><span><input type="text"name="loginId" id="loginId" title="登錄賬號即為手機號"></span><span class="mark">*</span></div> <div><label>登錄名 :</label><span><input type="text" name="loginName" id="loginName" /></span><span class="mark">*</span></div> <div><label>密 碼 :</label><span><input type="text" name="loginPassword" id="loginPassword" /></span><span class="mark">*</span></div> <div><label>確認密碼:</label><span><input type="text" /><span class="mark">*</span></span></div> <!-- <div align="center"><input type="submit" value="確認註冊" id="submit"/></div> --> <div align="center"><button onclick="submit1();">確認註冊</button></div> </form>
script代碼如下:
function submit1(){ var flag = false; if($("#loginId").val() == null || $("#loginId").val().trim() == ‘‘){ alert("登錄手機號是登錄的id,是一個必填項!"); $("#loginId").focus(); flag = true; return; } if($("#loginName").val() == null || $("#loginName").val().trim() == ‘‘){ alert("登錄用戶名是一個需填項!"); $("#loginName").focus(); flag = true; return; } if($("#loginPassword").val() == null || $("#loginPassword").val().trim() == ‘‘){ alert("登錄密碼是一個必填項!"); $("#loginPassword").focus(); flag = true; return; } var login = { loginId:$("#loginId").val(), loginName:$("#loginName").val(), loginPassword:$("#loginPassword").val() }; if(flag){ $.ajax({ url:‘loginAdd‘, type:‘post‘, data:login }); } }
之後出現的問題是:表單通過function事件一直無法重新定位,之後才發現是表單一直在提交事件。所以在這裏產生了一個疑問:
解答input button和submit的區別在下面:
https://www.zhihu.com/question/20839977
之後我就使用了div然後通過ajax請求傳輸數據
代碼如下:
<div id="register"> <div><label>手機號 :</label><span><input type="text" name="loginId" id="loginId" title="登錄賬號即為手機號"></span><span class="mark">*</span></div> <div><label>登錄名 :</label><span><input type="text" name="loginName" id="loginName" /></span><span class="mark">*</span></div> <div><label>密 碼 :</label><span><input type="text" name="loginPassword" id="loginPassword" /></span><span class="mark">*</span></div> <div><label>確認密碼:</label><span><input type="text" /><span class="mark">*</span></span></div> <!-- <div align="center"><input type="submit" value="確認註冊" id="submit"/></div> --> <div align="center"><button onclick="submit1();">確認註冊</button></div> </div>
然後界面就不會點擊之後就刷新。
jsp界面form表單通過定位失敗問題