清除按钮上的表单文本框单击[重复]答案

【问题标题】：Clear form Text boxes on Button Click [duplicate]清除按钮上的表单文本框单击[重复]
【发布时间】：2013-12-26 08:58:20
【问题描述】：

我想在点击注册按钮时清除所有文本框。下面是我的尝试。当我单击按钮时，文本仍然存在。请指教。谢谢

<form action="#" class="signup" method="post" onsubmit="return signup();">
    <input type="text" id="signup-email" class="text-input" name="email" title="E-mail" autocomplete="off" tabindex="11" placeholder="E-mail">
    <input type="password" id="signup-password" class="text-input" name="password" title="Password" autocomplete="off" tabindex="12" placeholder="Password">
    <input type="password" id="signup-password2" class="text-input" name="password2" title="Confirm password" autocomplete="off" tabindex="13" placeholder="Confirm password">
    <table>
        <tr>
            <td></td>
            <td class="align-right">
                <button type="submit" class="signup-btn" onclick="this.form.elements['text-input'].value=''">Register</button>
            </td>
        </tr>
    </table>
</form>

【问题讨论】：

标签： javascript jquery

【解决方案1】：

试试这个

<button type="submit" class="signup-btn" onclick="this.form.reset();">Register</button>

【讨论】：

我希望我的注册按钮重置它。不创建新按钮。谢谢
好兄弟 :)。干杯:)

【解决方案2】：

试试这个。

   document.getElementById("myForm").reset();

【讨论】：

【解决方案3】：

试试这个：

$(function() {
  $('.signup-btn').click(function() {
    $('.signup input[type="text"]').val('');
  });
});

你的注册按钮是：

<button type="submit" class="signup-btn">Register</button>

【讨论】：

【解决方案4】：

为表单元素添加 id 属性。然后你可以试试这个：

  <button type="submit" class="signup-btn" onclick="document.getElementById('formid').reset();">Register</button>

【讨论】：

【解决方案5】：

由于他希望表单自动重置，他可以制作一个隐藏的重置按钮并使其点击提交。

<input type="reset" id="reset_button" style="display:none"/>

然后在提交表单时按其 id 点击按钮。

$('reset_button').click();

【讨论】：

【解决方案6】：

试试这个

<button type="submit" class="signup-btn" onclick="$('form')[0].reset()">Register</button>

【讨论】：

【解决方案7】：

IMO this.form.elements[] 是一个集合数组，您可以通过传递索引或元素名称来访问单个元素

例如，this.form.elements[0].value=''

或

this.form.elements['email'].value='', this.form.elements['password'].value=''

我不确定您是否真的可以将类名传递给它以访问具有该类名的所有元素。要重置表单中的所有元素，可以使用this.form.reset()

【讨论】：

【解决方案8】：

试试这个，首先，您需要编辑表单标签，例如

<form action="#" name="form1" class="signup" method="post" onsubmit="return signup();">

现在添加这个脚本。

function resetForm($form1) {
    $form.find('input:text, input:password').val('');
}

resetForm($('#myform')); // by id, recommended
resetForm($('form[name=myName]')); // by name

【讨论】：

【解决方案9】：

在表单中添加重置按钮，

<button type="reset" value="Reset">Reset</button>

【讨论】：

嗨 Kiran，我不想创建新按钮。我希望我的注册按钮清除我所有的文本框