重置操作的图像

image for reset action

本文关键字：图像 操作      更新时间：2023-09-26

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

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

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

使用这个：

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

您的表单似乎正在提交中。

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

您还应该使用该表单的.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 Demo at http://jsfiddle.net/gaby/3R2TX/1/

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

<img id="reset" src="" />
<script type="text/javascript">
  $("#reset").click(function(){
    $(".tinput").val('');
    $(".tinput1").val('');
  });
</script>
相关文章：