两个单独的表单(不同的表单操作)和一个提交按钮?

时间:2010-10-05 00:38:20

标签: jquery forms

这超出了理解和控制范围。这里说的是我的困境。我需要有两个单独的表单,每个表单都使用不同的PHP脚本,我无法修改它来处理它们。我需要让这两种形式共享相同的提交按钮。这是html的简化版本。 表格1

<div id="formOne>
  <form name="returning" method="post" action="PHPscript1.php">
    <label>Are you a returning user?</label>
    <input type="text" name="retUser" id="retUser" />
  </form>
</div>

<div id="formTwo">
 <form name="newUser" method="post" action="PHPscript2.php">
  <label>Are you a new user, register here</label>
  <label>First Name</label>
  <input type="text" name="fname" id="fname" />
  <label>Last Name</label>
  <input type="text" name="lname" id="lname" />
  <label>Email</label>
  <input type="text" name="email1" id="email1" />
 </form>
</div>

<div id="submitContain">
 <input type="submit" id="sbtBtn" value="submmit" />
</div>

我想我可以通过检查输入的值来切换提交脚本吗?

$("#sbtBtn").click(function() {
 if($("#retUser").val().is('') {
   do something;
 } else if .....
});

我还需要对这些进行简单的验证,并且知道我必须通过jQuery的AJAX函数来完成所有这些。任何建议都非常感谢。我不会在工作中签署支票,所以就是这样。

提前感谢!

3 个答案:

答案 0 :(得分:1)

不理想,但您可以根据if支票拨打.submit()以获取相应的表单,如下所示:

$("#sbtBtn").click(function() {
  if($("#retUser").val()) {      //check if #retUser has a value
    $("#formOne form").submit();
  } else {
    $("#formTwo form").submit();
  }
});

答案 1 :(得分:1)

哎呀,必须要有这样的故事。

是的,你有什么工作。您可能希望将“do something”行替换为$('#formOne')。submit();,另一行用formTwo替换。

类似的东西:

$("#sbtBtn").click(function() {
 if($("#retUser").val()) {
   $('#formOne').submit();
 } elseif ($("#email1").val()) {
  $('#formTwo').submit();
 } else {
  // Don't do anything.
 }
});

jQuery验证: http://docs.jquery.com/Plugins/validation#Validate_forms_like_you.27ve_never_been_validating_before.21

答案 2 :(得分:0)

为按钮添加名称,如下所示:

<button type="submit" value="retUser" name="retUser_submit">

这样,您可以像这样解析它(在PHP中):

if(isset($_POST['retUser_submit']){
// Code for retUser
}

然后对另一个按钮执行相同的操作,但名称不同。