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()方法，或者从处理程序调用{{1}}。

你还应该使用表格的return false方法..

.reset()

并将其与function resetForm(callingElement) { callingElement.form.reset(); return false; }

一起使用

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

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

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

并将其应用于

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

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>

用于重置动作的图像

4 个答案: