2015-12-20 102 views
1

後出現空白所以我有一個簡單的登錄,需要用戶從一個json文件輸入值到兩個不同的文本框,當用戶名和(在這種情況下,我已經使用ID作爲「歡迎」文本框在.click功能

在.click函數執行後,用戶文本仍然保留在文本框中,我怎樣才能讓這兩個文本框在出現空白後出現空白。點擊功能?

$(document).ready(function() { 
//Hide alert when page loads 
$("#loginalert").hide(); 
$("#invalid").hide(); 
$("#loginbtn").click(function(event){ 

    $.getJSON('result.json', function(jd) { 
     var id = $('#userName').val(); 
     var name = $('#userName2').val(); 
     var valid = false; 


     for (var i=0; i<jd.user.length; i++) { 
      if ((jd.user[i].ID == id) && (jd.user[i].name == name)) { 
       valid=true; 
       $('#loginalert').html('<img src="' + jd.user[i].imgpath + '"><br><p> Welcome: ' + jd.user[i].name + '</p><button type="button" id="btnhide" class="btn btn-primary btn-md">Hide</button>');  
      //show the alert after loading the information 
       $("#loginalert").stop().fadeIn('slow').animate({ opacity: 1.0 }, 3000) 
       $('#invalid').hide(); 
       $('#btnhide').on('click', function(e){ 
        //console.log('here'); 
        e.preventDefault(); 
        $('#loginalert').hide(); 
       }); 

      } 
     } 
     if (!valid) { 
      $('#invalid').fadeIn('slow'); 
      $('#loginalert').hide(); 

     } 
    }); 
}); }); 

用戶名1和2 #username是文本框 - 有沒有什麼辦法讓當用戶輸入密碼的用戶名2至星顯示****** - 這個問題是不是必要的但是如果我也能得到那樣的工作,那就很好。

謝謝你們希望有人能幫助:)

+0

至於消隱文本框,不會調用$('#username')。val('')做的伎倆? – Will

回答

1
  1. 有沒有什麼辦法讓用戶名2時 用戶輸入密碼

您可以使用input框星級可顯示****** text屬性設置爲password。但該密碼掩碼字符將是.而不是*。不完全確定,在某些瀏覽器中它是否會是一個不同的角色。

<input type="password" id="txtPassword" /> 
  • 文本框。點擊功能後出現空白

  • 可以設置兩個那些jQuery的對象的屬性.val()兩個文本框。

    $('#userName, #username2').val(''); 
    
    0
    document.getElementById("#myTextbox").value=""; 
    

    這應該讓你的文本框,並設置它的值設置爲「」,這是一片空白。

    編輯:JSFiddle

    2

    使用<input type="password">顯示打字的明星。

    通過將其值設置爲空來清除輸入:$('#userName').val('');

    也許可以考慮將你的代碼分解成幾個更小的函數,這樣更容易遵循。