How to solve the form reset reset is not a function error

Actually, I encountered this bug a long time ago. As a result, I encountered this bug again in recent development, and it also cost me some time. For example, after I submitted the form using Ajax, I needed to reset the various contents of the form from the interaction point of view. To avoid repeated submissions by users, the normal form HTML structure is as follows:

<form action="" method="post" id="LoginForm">
  <input type="text" name="username" value="" />
  <input type="password" name="password" value="" />
  <input type="submit" id="submit" name="submit" value="Login" />
  <input type="reset" id="reset" name="reset" value="Reset" />
</form>

If you simply need to use JavaScript to reset, you can use document.getElementById('LoginForm').reset() To achieve this, use jQuery to use $('#LoginForm')[0].reset() or $('#LoginForm').trigger("reset"), but For the above forms designed in HTML, these reset form methods are invalid! FireBug debugging prompt...reset is not a function, where is the problem here? Sometimes you never think that a small bad habit will cause considerable trouble. After struggling for a long time, I searched the Internet and found the answer on stackoverflow. It turns out that the problem lies with the reset button. Let’s focus on the HTML implemented by the reset button:

<input type="reset" id="reset" name="reset" value="Reset" />

The problem lies in id="reset" and name="reset", the reset attribute here covers the original reset method. Naturally, it cannot be called and prompts is not a function. The solution is also very simple. Avoid Use the reset keyword to name the name and id attributes of the reset button. For example, the following naming method is safer:

<input type="reset" id="ResetButton" name="ResetButton" value="Reset" />

Okay, a small problem caused by naming has been solved. At this time, I noticed the submit button, whose id="submit"And name="submit", will it cause the submit() method of the form form to fail? Since I used Ajax to submit, I didn’t delve into this issue. Maybe I changed id="submit" and name="submit" to different names, such as id="SubmitButton" and name="SubmitButton" would be better.

The above is the detailed content of How to solve the form reset reset is not a function error. For more information, please follow other related articles on the PHP Chinese website!