如何验证表单而不重新加载页面并保持inhidden div完整?javascript,php,ajax

时间:2013-06-26 03:02:20

标签: javascript ajax html post

我的程序出了问题。需要帮忙。我点击按钮取消隐藏div元素。 div包含一个表单。当然,在使用ajax在数据库中发布内容之前,表单需要验证。但是,我的主要问题是每当我按下提交验证时,使用javascript,页面重新加载,导致div再次隐藏。我也遇到了jquery问题。我的意思是,我还在学习jquery。

CSS

.divform{
visibility: hidden;
}

的javascript

function unhide(){
  document.getElementById("divform").style.visibility = "visible";
}

function validateform(){
   //validation with focus() on if false
}

HTML

<input type='button' onclick='unhide()' value='unhide'/>
<div class='divform' id='divform'>
  <form method='post' id='formid' name='formid' onsubmit='validateform();'>
  <label>Name: </label> <input type='text' name='name' id='name'/>
  <!-- more input type here-->
  <input type='submit' name='submit' value='submit'/>
  </form>
</div>

如何成功提交表单而不重新加载页面而不会导致div再次隐藏?谢谢,真的需要帮助。

1 个答案:

答案 0 :(得分:0)

在没有重新加载页面的情况下发生的任何事情都是使用AJAX ....

在此学习AJAX TUTORIALS

此处给出了另一个具体示例:AJAX FORM SUBMISSION EXAPMLE