当前位置：文江博客话题详情

JS 处理“输入”按钮信息

发布于 2024-12-18 13:19:05 字数 213 浏览 0 评论 0原文

我对 JS 和 html 很陌生，所以如果您发现这个问题太原始，我提前表示抱歉。

我正在尝试做一个简单的登录-注销页面。我成功地在两个显示器之间切换（一旦登录或注销），但仍然有一个问题：当我按“注销”时，如何从上次登录会话中“删除”用户名+密码详细信息？

换句话说，如何使用 Java 脚本（最好使用 JQuery）将“密码”和“文本”输入类型设置为清晰（其中不包含任何信息）？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我不吻晚风 2024-12-25 13:19:05

$(document).ready(function(){
    $('#username').val("")
    $('#password').val("")
})

每次加载页面时，这都会清除您的两个输入。

但正如 Ibu 所说，您应该使用 Php 服务器端处理登录。

$(document).ready(function(){
    $('#username').val("")
    $('#password').val("")
})

That should clear both of your inputs every time you load the page.

But as Ibu said, You should handle logins with Php serverside.

回复收藏 0 原文

三生路 2024-12-25 13:19:05

如果您想清理所有输入文本，只需使用一个简单的脚本，例如：

$("input[type=text]").val('');

传递所有类型文本的输入，其值为空。

您可以使用取消按钮绑定此信息，甚至可以在使用确认按钮发布表单后绑定此信息。

与取消按钮绑定示例（您需要一个 ID=“cancel”的按钮才能完成此工作）：

$("#cancel").click(function() {
    $("input[type=text]").val('');
});

If you want to clean all your input text just use a simple script like:

$("input[type=text]").val('');

Pass all input's with type text will have the value empty.

You can bind this with your cancel button or even after post the form with confirm button.

Binding with cancel button example (you will need a button with ID="cancel" to this work):

$("#cancel").click(function() {
    $("input[type=text]").val('');
});

回复收藏 0 原文

独自唱情﹋歌 2024-12-25 13:19:05

其他答案都很好......使用 .val('') 就可以了。

我将稍微超出您的要求，因为它可能对您和其他读者有用。这是一个通用的表单重置功能...

function resetForm(formId) {

    $(':input', $('#' + formId)).each(function() {
        var type = this.type;
        var tag = this.tagName.toLowerCase(); // normalize case

        if (type == 'text' || type == 'password' || tag == 'textarea') {
            // it's ok to reset the value attr of text inputs, password inputs, and textareas
            this.value = "";
        } else if (type == 'checkbox' || type == 'radio') {
            // checkboxes and radios need to have their checked state cleared but should *not* have their 'value' changed
            this.checked = false;
        } else if (tag == 'select') {
            // select elements need to have their 'selectedIndex' property set to -1 (this works for both single and multiple select elements)
            this.selectedIndex = -1;
        }
    });
};

我希望这有帮助。

The other answers are all good... using .val('') would do the trick.

I'm going to go a little beyond what you're asking for since it might be useful to you and other readers. Here's a general form reset function...

function resetForm(formId) {

    $(':input', $('#' + formId)).each(function() {
        var type = this.type;
        var tag = this.tagName.toLowerCase(); // normalize case

        if (type == 'text' || type == 'password' || tag == 'textarea') {
            // it's ok to reset the value attr of text inputs, password inputs, and textareas
            this.value = "";
        } else if (type == 'checkbox' || type == 'radio') {
            // checkboxes and radios need to have their checked state cleared but should *not* have their 'value' changed
            this.checked = false;
        } else if (tag == 'select') {
            // select elements need to have their 'selectedIndex' property set to -1 (this works for both single and multiple select elements)
            this.selectedIndex = -1;
        }
    });
};

I hope this helps.

回复收藏 0 原文

~没有更多了~