HTML:JavaScript:阻止表单提交并调用Javascript函数

前端之家收集整理的这篇文章主要介绍了HTML:JavaScript:阻止表单提交并调用Javascript函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我按一下表单中的提交按钮时,我想让AJAX调用.
InFact我不能删除< form>因为我也想做客户端验证.
我试过这个代码.
<form name="search" >
Name: <input type="text" name="name1"/>
Age: <input type="text" name="age1"/>
<input type="submit" name="Submit" value="Submit" onclick="makeSearch()"/>
</form>

JS

function makeSearch(){
alert("Code to make AJAX Call");
}

使用此代码alert()不显示,但页面被重新加载.
我想阻止页面重新加载并调用JS函数.

谢谢

解决方法

将onsubmit属性添加到表单标签中:
<form name="search" onsubmit="return makeSearch()" >
  Name: <input type="text" name="name1"/>
  Age: <input type="text" name="age1"/>
  <input type="submit" name="Submit" value="Submit"/>
</form>

和javascript添加返回false到最后:

function makeSearch() {
  alert("Code to make AJAX Call");
  return false;
}

猜你在找的HTML相关文章