Question

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

<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>

Answer 1

试试这个

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

Answer 2

试试这个。

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

Answer 3

试试这个：

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

你注册的按钮是：

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

Answer 4

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

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

Answer 5

在表单中添加重置按钮

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

Answer 6

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

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

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

$('reset_button').click();

Answer 7

试试这个

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

Answer 8

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

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

OR

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

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

Answer 9

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

<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 个答案: