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" 当我按一下表单中的提交按钮时,我想让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@H_301_7@

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

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

谢谢@H_301_7@解决方法 将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到最后：@H_301_7@

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

总结

以上是内存溢出为你收集整理的HTML：JavaScript：阻止表单提交并调用Javascript函数全部内容，希望文章能够帮你解决HTML：JavaScript：阻止表单提交并调用Javascript函数所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。