0

我在 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 函数。

4

5 回答 5

0

首先，您有链接而不是按钮。您需要制作带有 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 设置为与“名称”属性相同。

$(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="">
于 2013-08-19T19:56:36.407 回答
0

首先，给表格一个id：

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

接下来，如果您还没有 jQuery，请下载它，然后将其设置onclick为href：

<a href='#' class='loginBtn' onclick="$('#vip_login').submit();" ...

这将强制提交表单。

于 2013-08-19T19:59:36.073 回答
0

这是对的

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

但是你需要添加一个提交按钮，或者使用一些 javascript 来做到这一点，比如

document.vip_login.submit()

在所有验证都正常后，您可以添加上一个。

于 2013-08-19T20:00:36.280 回答
0 
<a href="#" class="loginBtn" onclick="document.forms['vip_login'].submit();"></a>
于 2013-08-19T20:13:07.590 回答
0

添加一个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!" />

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

于 2013-08-19T20:21:08.937 回答