使用JavaScript提交后清除输入字段

时间:2009-09-29 05:48:11

标签: javascript

我是一名JavaScript新手。我有一个输入文本字段,我希望在按下表单提交按钮后清除它。我该怎么做?

5 个答案:

答案 0 :(得分:1)

在您的FORM元素中,您需要使用JavaScript函数覆盖onsubmit事件并返回true。

<script type="text/javascript">
    function onFormSubmit ()
    {
        document.myform.someInput.value = "";
        return true; // allow form submission to continue
    }
</script>
<form name="myform" method="post" action="someaction.php" onsubmit="return onFormSubmit()">
<!-- form elements -->
</form>

答案 1 :(得分:1)

如果用户按下表单上的提交按钮,数据将被提交到表单的action属性中给出的脚本。这意味着用户导航离开该站点。刷新后(假设表单的动作与源相同),输入字段将为空(假设它首先为空)。

如果您通过javascript提交数据并且没有重新加载页面,请确保在提交数据后执行Nick的代码。

希望这很清楚(虽然我对此表示怀疑,但我的英语有时很糟糕)..

答案 2 :(得分:0)

  

      function testSubmit()       {           var x = document.forms [&#34; myForm&#34;] [&#34; input1&#34;];           var y = document.forms [&#34; myForm&#34;] [&#34; input2&#34;];           if(x.value ===&#34;&#34;)           {               提醒(&#39; plz fill !!&#39;);               返回false;           }           if(y.value ===&#34;&#34;)           {               提醒(&#39;请填写!!&#39;);               返回false;           }           返回true;       }       函数submitForm()       {           if(testSubmit())           {               document.forms [&#34; myForm的&#34]。提交(); //首先提交               document.forms [&#34; myForm的&#34]。复位(); //然后重置表单值           }       }       

    First Name: <input type="text" name="input1"/>
    <br/>
    Last Name: <input type="text" name="input2"/>
    <br/>
    <input type="button" value="Submit" onclick="submitForm()"/>
</form>
     

答案 3 :(得分:0)

index.html中的简单形式

<form id="message-form">
      <label for="name">label</label><br />
      <input type="text" placeholder="message" name="name" /><br />
      <button>submit</button>
    </form>

index.js

const $messageForm = document.getElementById("message-form");
const $messageFormInput = $messageForm.querySelector("input");
const $messageFormButton = $messageForm.querySelector("button");

$messageForm.addEventListener("submit", e => { //listening for submit event
  e.preventDefault();

  $messageFormInput.value = "";}) //value of input will be cleared upon submit 

答案 4 :(得分:-1)

成功提交或更新表单或密码后,您可以输入空值。

CurrentPasswordcontroller.state.confirmPassword ='';