2015-12-20 44 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('');

    也许可以考虑将你的代码分解成几个更小的函数,这样更容易遵循。