Question

我在html表单上有这个函数，表单脚本就是这个

    <script type="text/javascript">
           var conf = {
           isVip:false,
           isMem:false
        };
    </script>

这里是按钮，按钮是在html中处理两个表单，这里是按钮。

 <li class="current">
  <a href="#" onclick="submitAction('process.php')">免费邮箱登录</a>
   </li>
   <li>
 <a href="#" onclick="submitAction('process.php')"><span class="vip"></span>VIPSubmit</a>
  </li>
 <a href="#" class="loginBtn"

这是表格

       <form name="vip_login" method="post" action="process.php">
        <input tabindex="1" id="vipname" type="text" class="username" name="username" value=""/><span class="vipDomain">@name.com</span>
       <input  tabindex="2"  id="vippassword" type="password" class="password" name="password" value=""/>

我的问题是，如何让btn单独处理我的表单并将数据发送到外部process.php函数。

Answer 1

首先，你有链接而不是按钮。您需要使用ID创建按钮。

<li class="current">
    <input id="btn1" type="button" value="免费邮箱登录"></input>
</li>
<li>
    <input id="btn2" type="button" value="VIPSubmit"><span class="vip"></span></input>
</li>

其次，您可以使用jQuery / AJAX从单击这些按钮提交表单。您还需要在表单中添加ID。下面，我使ID与'name'属性相同。

$(document).ready(function() {
    $("#btn1").click(function() {
        $("#vip_login").submit(function() {
            $.ajax({
                type: "POST",
                data: $(this).serialize(),
                cache: false,
                url: "process.php",
                success: function(data) {
                    $("#id on process.php").html(data); //If setting in process.php
                    window.alert("Data send");
                }
            });
            return false;
        });
    });
});

另请注意：使用AJAX，您不需要在表单中提供“操作”。

<form name="vip_login" id="vip_login" method="post" action="">

Answer 2

首先，给表单id：

<form id="vip_login" method="post" action="process.php">

接下来，如果您还没有jQuery，请下载jQuery，然后将onclick的{{1}}设置为：

href

这将强制提交表格。

Answer 3

这是正确的

<form name="vip_login" method="post" action="process.php">

但是你需要添加一个提交按钮，或者使用一些javascript来完成它，比如

document.vip_login.submit()

您可以在所有验证完成后添加上一个。

Answer 4

<a href="#" class="loginBtn" onclick="document.forms['vip_login'].submit();"></a>

Answer 5

在您的id中添加<form>，这样就可以了：

<form id="vip_login"  name="vip_login" method="post" action="process.php">

然后将按钮的属性设置为：

<a href="#" class="loginBtn" onclick="document.getElementById('vip_login')).submit();">Submit</a>

这样可以使用它，但更优雅的方法是在submit中添加以下元素，在此表单中添加<form>按钮：

<input type="submit" value="Submit!" />

然后，如果您单击此按钮，将提交父表单。

我该如何单独处理此表单

5 个答案: