如果登錄字段爲空，則無法加載點擊div？

我正在創建一個登錄頁面，點擊登錄按鈕之後，在加載實際頁面之前，我使用了加載GIF來顯示。

我的問題是即使登錄字段是空的，我點擊登錄按鈕，動畫開始顯示。

加載動畫只能在成功登錄時才能看到。

按鈕：

<input type="submit" name="mySubmit" value="Login" class="btn" onclick="load()"/>

的Javascript =

<script type= "text/javascript">function load(){$('#loading').show();}</script>

請幫助！

來源

2015-03-19 tanuj shrivastava

如果是，請分享 – 2015-03-19 10:02:01

'load（）'函數中有什麼，請在您的文章中分享（使用編輯鏈接編輯您的文章） – 2015-03-19 10:06:46

將您的HTML和任何相關信息發佈爲猜測令人沮喪！ – lshettyl 2015-03-19 10:16:17

你可以做以下的代碼更改以解決加載圖片的問題 -

第一變更輸入類型值從submit到button -

<input type="button" name="mySubmit" value="Login" class="btn" onclick="load()"/>

然後把空字段的驗證檢查在load()功能只有填寫了兩個字段才提交表格 -

<script type= "text/javascript"> 
    function load(){ 
    //check if both login fields are empty 
    var loginUser = $('#yourLoginUserId').val().trim(); 
    var loginPassword = $('#yourLoginPasswordId').val().trim(); 

    if(loginPassword!='' && loginUser!='') 
    { 
     $('#loading').show(); 
     $('#yourFormId').submit(); 
    } 
    else 
    { 
     alert('Please enter Login details'); 
    } 
    } 
</script>

注意 - 請在您的代碼中用實際的ID替換字段和表單ID。

來源

2015-03-19 10:49:22

如果證書不正確，它正在加載...... \ – 2015-03-19 11:21:10

如果證書不正確，您需要登錄同一頁面，但是您可以顯示加載，因爲最終您將爲後端系統驗證證書。 – 2015-03-19 11:49:12

thanx ... !!我使用了很少更改的ur代碼....我將else部分留爲空白，因爲m也使用jquery.validate.min.js進行驗證....所以我現在只檢查字段是否爲空或不... ...！！ – 2015-03-19 11:51:38

如果登錄字段爲空，則無法加載點擊div？

回答

相關問題