Question

我需要用js开发一个提交按钮，但因为我在同一页面上有一个寄存器和一个登录bn所以，当我按下寄存器时，它会很好但是如果我按下登录，登录使用寄存器文件例如。

<form name="as" method="POST" action="loginpro.php">
  Username:
  <input type="text" name="username" />
  <br />
  <br />
  Password:
  <input type="password" name="password" />
  <br />
  <br />
  <input style="font-size: 17px" type=button onClick="submitform()" value="Submit"/>
</form>

这是我用来创建登录表单的代码，你可以看到我调用一个名为loginpro.php的文件，我在那里设置了php设置，向db询问我需要的文件但执行时他正在调用regpro.php，这是我用来注册的文件。

<form name="register" method="POST" action="regpro.php">
  Username:
  <input type="text" name="username" />
  <br />
  <br />
  Email:
  <input type="text" name="Email" />
  <br />
  <br />
  First Name:
  <input type="text" name="fname" />
  <br />
  <br />
  Last Name:
  <input type="text" name="lname" />
  <br />
  <br />
  Password:
  <input type="password" name="password" />
  <br />
  <br />
  <input style="font-size: 11px" type=button onClick="submitform()" value="Submit"/>
</form>

Answer 1

嗯，它可能是你submitform() Javascript函数中的某些东西，因为这两种形式都在onclick事件中触发了这个函数。

Answer 2

在JS中，将表单名称传递给函数，如下所示：

<input style="font-size: 17px" type=button onclick="submitform('as')" value="Submit"/>
<input style="font-size: 11px" type=button onclick="submitform('register')" value="Submit"/>

在你的功能中：

function submitform(form) {
    //will submit the form where the button was clicked from within
    document.forms[form].submit();
}

jQuery（两种表单中的删除内联事件处理程序onclick="submitform()"）

$("input:button").on("click", function() {

    var $form = $(this).closest("form");
    $form.trigger("submit");
    //OR
    //$form[0].submit();
});

Answer 3

为什么不给他们id，所以你可以为每个按钮调用onclick事件或者你可以使用jquery的其他方式

<input id="btnSubmit" type=button onClick="submitform()" value="Submit"/>
<script type="text/javascript">
 $("#btnSubmit").click(function(){
             $.post("the php page address goes here like regpro.php",
                 {
                       //here set the paramter
                     'firstname':$("#fname").val().trim(),
                     'lastname':$("#lname").val().trim()
                 }, function(data){
                 data=data.trim();
//you can retrive a data to find that the call is success or not
                   });
         });
 </script>

您可以使用登录按钮

执行相同的操作

Answer 4

为不同的表单提供不同的ID，并使用简单的方法

document.getElementById("your_form_id").submit();

PHP JS提交按钮

4 个答案: