1. 程式人生 > >jsp界面form表單通過定位失敗問題

jsp界面form表單通過定位失敗問題

確認密碼 trim 遇到 spa cli type reg 登錄用戶 數據

  問題:在博主寫jsp界面是遇到了一個提交問題,那就是在form表單通過button按鈕的onclick事件提交時,無論如何都會返回一個請求。所以focus定位一直有問題,每次在定位之後都會重新刷新界面

(簡言之:就是form表單中的屬性,button按鈕也會自動提交數據):

  代碼如下:

    <form id="register">
        <div><label>手機號&nbsp;&nbsp;&nbsp;&nbsp;</label><span><input type="text"
name="loginId" id="loginId" title="登錄賬號即為手機號"></span><span class="mark">*</span></div> <div><label>登錄名&nbsp;&nbsp;&nbsp;&nbsp;</label><span><input type="text" name="loginName" id="loginName" /></span><span class="mark"
>*</span></div> <div><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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>手機號&nbsp;&nbsp;&nbsp;&nbsp;</label><span><input type="text" name="loginId" id="loginId" title="登錄賬號即為手機號"></span><span class="mark">*</span></div>
        <div><label>登錄名&nbsp;&nbsp;&nbsp;&nbsp;</label><span><input type="text" name="loginName" id="loginName" /></span><span class="mark">*</span></div>
        <div><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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表單通過定位失敗問題