-1
$(function() {
    $("input[type=submit]").click(function() {
        var fname = $("#fname").val();
        var lname = $("#lname").val();
        var mail = $("#mail").val();
        var remail = $("#remail").val();
        var password = $("#password").val();
        var gender = $("#gender").val();
        var dataString = 'fname='+ fname + '&lname=' + lname + '&mail=' + mail + '&remail=' +     remail + '&password=' + password + '&gender=' + gender;

        if(fname=='' || lname=='' || mail=='' || remail=='' || password=='' || gender=='') {
            $('#divMessage').html('Please complete form');
            return false;
        }else{
            $.post('join.php',dataString,function(data){
                $('#divMessage').html(data);
            });
        }

        return false;
    });
});

如果有人知道如何解决这个问题,那将对我非常有帮助。

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

我想以特定形式使用它,而不是用于所有形式的页面

4

3 回答 3

2

如果您使用 ajax (jQuery post),则根本不需要任何表单,只需收集数据并将其发布到您的服务器。您不需要 form.submit 事件,只需创建一个按钮并调用您的发送函数:

<input type="button" onClick="sendContact();" value="send">

function sendContact() {

    var fname = $("#fname").val();
var lname = $("#lname").val();
var mail = $("#mail").val();
var remail = $("#remail").val();
var password = $("#password").val();
var gender = $("#gender").val();
var dataString = 'fname='+ fname + '&lname=' + lname + '&mail=' + mail + '&remail=' + remail + '&password=' + password + '&gender=' + gender;

if(fname=='' || lname=='' || mail=='' || remail=='' || password=='' || gender=='') {
$('#divMessage').html('Please complete form');
    return false;
}else{
    $.post('join.php',dataString,function(data){
        $('#divMessage').html(data);
    });
}
    return false;
}

可能括号没有关闭或任何其他语法错误,这只是一个例子!

dataString需要连接的值是url-encoded,考虑用户键入“A & B Company”作为名称吗?

于 2013-05-29T06:14:49.567 回答
0

@Axel的答案应该有效,如果您可以为特定表单上的提交按钮指定不同的名称,您也可以直接绑定事件,例如

$("input[name=signup_submit]").click(function() {
于 2013-05-29T06:20:04.933 回答
0
$("input[type=submit]").click(function(event) {
event.preventDefault();
...
于 2013-05-29T06:05:38.793 回答