Javascript 之后显示为空的文本框。单击“功能”

因此，我有一个简单的登录，需要用户将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();

        }
    });
}); });

$（文档）.ready（函数（）{
//页面加载时隐藏警报
$（“#loginalert”）.hide（）；
$（“#无效”）.hide（）；
$（“#登录”）。单击（函数（事件）{
$.getJSON（'result.json'，函数（jd）{
var id=$（'#userName'）.val（）；
var name=$（'#userName2'）.val（）；
var-valid=false；
对于（var i=0；i
这将获取您的文本框并将其值设置为“”，该值为空

编辑：
使用
以星形显示键入内容

通过将输入值设置为空来清除输入：
$（'#userName'）.val（''）

也许考虑把代码分解成几个较小的函数，这样就更容易理解了。

有没有办法让用户名2在运行时以星号显示
用户输入密码


您可以使用
输入
框，将
文本
属性设置为
密码
。但是密码屏蔽字符将是
而不是
*
。不确切地确定它在某些浏览器中是否是不同的字符

<input type="password" id="txtPassword" />

至于清空文本框，调用$（'#username'）.val（''）不是很好吗？
<input type="password" id="txtPassword" />

$('#userName, #username2').val('');