php - 重置操作的图像

Question

我正在使用图像而不是重置按钮 n html-php。我编写了一个 javascript 函数来清除所有文本框值，但它会重新加载整个页面，以便在重新加载页面时值再次出现在文本框中，当单击重置操作的图像按钮..我的代码是

<script type="text/javascript">
function clearall() {
$(".tinput").val('');
$(".tinput1").val('');
}
</script>

我不希望页面重新加载，而只清除所有文本字段。

Answer 1

用这个：

<script type="text/javascript">
function clearall() {
$(".tinput").val('');
$(".tinput1").val('');
return false;
}
</script>

Answer 2

看起来您的表单正在提交中。

您需要停止按钮的默认操作，为此您必须.preventDefault()在事件上或return false从处理程序中调用方法。

您还应该使用表单的.reset()方法..

function resetForm(callingElement) {
   callingElement.form.reset();
   return false;
}

并将其与<input type="image" src=".." onclick="return resetForm(this)" />

演示在 http://jsfiddle.net/gaby/3R2TX/

---

由于您使用的是 jQuery，您可以将其简化为

function resetForm(e) {
   e.preventDefault();
   this.form.reset();
}

并应用它

 $('#id_of_reset_button').click(resetForm);

jQuery 演示在 http://jsfiddle.net/gaby/3R2TX/1/

Answer 3

当有超链接或提交按钮时，您的函数必须返回 FALSE 才能停止处理

Answer 4

<img id="reset" src="" />

<script type="text/javascript">
  $("#reset").click(function(){
    $(".tinput").val('');
    $(".tinput1").val('');
  });
</script>