blocks|key|921264|text|form.reset()是一个DOM元素方法(而不是jQuery对象上的方法)，因此您需要：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|921265|$("#client.frm")[0].reset();
//faster+version:
$("#client")[0].reset();|code-block|syntax|javascript|921266|或者不使用jQuery：|921267|document.getElementById("client").reset();|921268|注意:如果表单包含具有以下属性的任何字段，则reset()函数不起作用：|921269|name='reset'|921270|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/DOM/form.reset^0|0|C|0|C|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@$9|13|A|14|1|15]]|E|$]]|$1|F|3|G|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|17|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|19|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1A|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

<p><a href="https://developer.mozilla.org/en/DOM/form.reset" rel="noreferrer"><code>form.reset()</code></a> is a DOM element method (not one on the jQuery object), so you need:</p>
<pre><code>$(&quot;#client.frm&quot;)[0].reset();
//faster version:
$(&quot;#client&quot;)[0].reset();
</code></pre>
<p>Or without jQuery:</p>
<pre><code>document.getElementById(&quot;client&quot;).reset();
</code></pre>
<p>Note: reset() function does not work if form contains any field with attribute:</p>
<pre><code>name='reset'
</code></pre>


blocks|key|921511|text|您可以简单地这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|921512|$("#client.frm").trigger('reset')|offset|length|style|CODE|921513|entityMap^0|0|0|X|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>You can simply do:</p>

<p><code>$("#client.frm").trigger('reset')</code></p>


blocks|key|921553|text|请注意，如果表单中的某些输入标记具有name='reset'属性，则函数form.reset()将不起作用|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|921554|entityMap^0|I|C|10|C|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p>Note, function <code>form.reset()</code> will not work if some input tag in the form have attribute <code>name='reset'</code></p>


blocks|key|921422|text|.reset()方法不会清除默认值和复选框字段，而且还有更多问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|921423|要完全重置，请检查以下链接-|921424|http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm|921425|entityMap|0|LINK|mutability|MUTABLE|url^0|0|8|0|0|0|21|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|U|8|@]|D|@$9|V|A|W|1|X]]|E|$]]|$1|J|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|I]]]]

<p>The <code>.reset()</code> method does not clear the default values and checkbox field and there are many more issues.</p>
<p>In order to completely reset check the below link -</p>
<p><a href="http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm" rel="nofollow noreferrer">http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm</a></p>


blocks|key|1136239|text|通过Javascript和jQuery重置(清除)表单|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1136240|示例Javascript：|1136241|document.getElementById("client").reset();|code-block|syntax|javascript|1136242|示例jQuery：|1136243|您可以尝试使用trigger()+Reference+Link|1136244|$('#client.frm').trigger("reset");|1136245|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/reset-selector/^0|2|A|D|6|0|0|0|0|7|9|H|E|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|17|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|Q|3|R|5|J|7|1E|8|@]|D|@]|E|$K|L]]|$1|S|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

<p>Reset (Clear) Form throught <code>Javascript</code> &amp; <code>jQuery</code>:</p>

<p>Example Javascript:</p>

<pre><code>document.getElementById("client").reset();
</code></pre>

<p>Example jQuery:</p>

<p>You may try using <code>trigger()</code> <a href="http://api.jquery.com/reset-selector/" rel="nofollow">Reference Link</a></p>

<pre><code>$('#client.frm').trigger("reset");
</code></pre>


blocks|key|1136151|text|按如下所示清除窗体|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1136152|document.forms[0].reset();|code-block|syntax|javascript|1136153|您可以简单地清除组中的表单元素。通过使用此forms[0]。|offset|length|style|CODE|1136154|entityMap^0|0|0|L|8|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Clear the form as follows</p>

<pre><code>document.forms[0].reset();
</code></pre>

<p>You can simply clear the form elements within the group. by using this <code>forms[0]</code>.</p>


blocks|key|1136082|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1136083|$('#resetBtn').on('click',+function(e){
++++e.preventDefault();
++++$("#myform")[0].reset.click();
}|code-block|syntax|javascript|1136084|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Try this :</p>

<pre><code>$('#resetBtn').on('click', function(e){
    e.preventDefault();
    $("#myform")[0].reset.click();
}
</code></pre>


blocks|key|1136043|text|使用JavaScript函数reset()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1136044|document.forms["frm_id"].reset();|code-block|syntax|javascript|1136045|entityMap^0|E|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>Use JavaScript function <code>reset()</code>:</p>

<pre><code>document.forms["frm_id"].reset();
</code></pre>


blocks|key|921707|text|您可以使用以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|921708|$('[element]').trigger('reset')|code-block|syntax|javascript|921709|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You could use the following:</p>

<pre><code>$('[element]').trigger('reset')
</code></pre>


blocks|key|921619|text|试试这段代码。您的答案的完整解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|921620|++++<!DOCTYPE+html>
<html>
<head>
<script+src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
++++$(":reset").css("background-color",+"red");
});
</script>
</head>
<body>

<form+action="">
++Name:+<input+type="text"+name="user"><br>
++Password:+<input+type="password"+name="password"><br>
++<button+type="button">Useless+Button</button>
++<input+type="button"+value="Another+useless+button"><br>
++<input+type="reset"+value="Reset">
++<input+type="submit"+value="Submit"><br>
</form>

</body>
</html>|code-block|syntax|javascript|921621|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Try this code. A complete solution for your answer.</p>

<pre><code>    &lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
$(document).ready(function(){
    $(":reset").css("background-color", "red");
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;form action=""&gt;
  Name: &lt;input type="text" name="user"&gt;&lt;br&gt;
  Password: &lt;input type="password" name="password"&gt;&lt;br&gt;
  &lt;button type="button"&gt;Useless Button&lt;/button&gt;
  &lt;input type="button" value="Another useless button"&gt;&lt;br&gt;
  &lt;input type="reset" value="Reset"&gt;
  &lt;input type="submit" value="Submit"&gt;&lt;br&gt;
&lt;/form&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|1136320|text|使用这个简单的技巧来重置表单|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1136321|_("form_id").reset();|code-block|syntax|javascript|1136322|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Use this simple trick to reset the form</p>
<pre><code>_(&quot;form_id&quot;).reset();
</code></pre>


blocks|key|921750|text|您可以使用onclick清除整个表单，function.Here是它的代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|921751|+<button+type="reset"+value="reset"+type="reset"+class="btnreset"+onclick="window.location.reload()">Reset</button>|code-block|syntax|javascript|921752|window.location.reload()函数将刷新您的页面，并清除所有数据。|921753|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>You can clear the whole form using onclick function.Here is the code for it.</p>

<pre><code> &lt;button type="reset" value="reset" type="reset" class="btnreset" onclick="window.location.reload()"&gt;Reset&lt;/button&gt;
</code></pre>

<p>window.location.reload() function will refresh your page and all data will clear.</p>


<p>I have tried <code>$("#client.frm").reset();</code> but it is not working.So how to reset form via jQuery?</p>


How to reset (clear) form through JavaScript?

jQuery

我已经尝试过$("#client.frm").reset();，但它不是working.So如何通过jQuery重置表单？

问如何通过JavaScript重置(清除)表单？
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过JavaScript重置(清除)表单？EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过JavaScript重置(清除)表单？
EN