Php jQuery使这些函数协同工作

我是jQuery的新手，已经试着四处寻找如何实现这一点的答案。我有两个功能，我希望两者都能一起工作。其中一个函数是submitHandler，它用于隐藏表单，同时向隐藏的元素添加一个类以取消隐藏-即感谢您提交h1。另一个功能是获取输入数据并将其显示在表单中的Submit上。所以问题是，我可以让这一个工作，但另一个不行。Ie在表单提交中，我可以看到数据输入，但看不到h1感谢信息

以下是功能：

提交人：

    submitHandler: function() {


    $("#content").empty();
    $("#content").append(
    "<p>If you want to be kept in the loop...</p>" +
    "<p>Or you can contact...</p>"
    );
    $('h1.success_').removeClass('success_').addClass('success_form');
    $('#contactform').hide();

},

这个表单使用PHP和jQuery——我不知道AJAX，但读了一些书后就更不确定了。请帮助我，我不知道我在做什么，目前我正在学习，但这对我来说仍然是一条漫长的道路

多谢各位

表格：

          <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform" onsubmit="return inputdata()">
        <div class="_required"><p class="label_left">Name*</p><input type="text" size="50" name="contactname" id="contactname" value="" class="required" /></div><br/><br/>
        <div class="_required"><p class="label_left">E-mail address*</p><input type="text" size="50" name="email" id="email" value="" class="required email" /></div><br/><br/>
        <p class="label_left">Message</p><textarea rows="5" cols="50" name="message" id="message" class="required"></textarea><br/>
        <input type="submit" value="submit" name="submit" id="submit" />
    </form>

---

未调用submitHandler函数。这就是它不起作用的原因

将此添加到您的代码中：

$('#contactForm').submit(function() {
inputdata();
submitHandler();

}))

编辑：

试试这个：

$(document).ready(function(){

$('#contactform').validate({

showErrors: function(errorMap, errorList) {
   //restore the normal look
   $('#contactform div.xrequired').removeClass('xrequired').addClass('_required');
   //stop if everything is ok
   if (errorList.length == 0) return;
   //Iterate over the errors
   for(var i = 0;i < errorList.length; i++)
   $(errorList[i].element).parent().removeClass('_required').addClass('xrequired');
},

submitHandler: function(form) {             
    $('h1.success_').removeClass('success_').addClass('success_form');
    $("#content").empty();
    $("#content").append('#sadhu');
    $('#contactform').hide();
    var usr = document.getElementById('contactname').value;
    var eml = document.getElementById('email').value;
    var msg = document.getElementById('message').value;
    document.getElementById('out').innerHTML = usr + " " + eml + msg;
    document.getElementById('out').style.display = "block";
    form.submit();
}
});
});

$（文档）.ready（函数（）{
$（“#contactform”）。验证({
错误：功能（错误映射、错误列表）{
//恢复正常面貌
$（“#contactform div.xrequired”）.removeClass（“xrequired”）.addClass（“uRequired”）；
//如果一切正常，就停下来
如果（errorList.length==0）返回；
//反复检查错误
对于（变量i=0；i
未调用submitHandler函数。这就是它不起作用的原因

将此添加到您的代码中：

$('#contactForm').submit(function() {
inputdata();
submitHandler();

}))

编辑：

试试这个：

$(document).ready(function(){

$('#contactform').validate({

showErrors: function(errorMap, errorList) {
   //restore the normal look
   $('#contactform div.xrequired').removeClass('xrequired').addClass('_required');
   //stop if everything is ok
   if (errorList.length == 0) return;
   //Iterate over the errors
   for(var i = 0;i < errorList.length; i++)
   $(errorList[i].element).parent().removeClass('_required').addClass('xrequired');
},

submitHandler: function(form) {             
    $('h1.success_').removeClass('success_').addClass('success_form');
    $("#content").empty();
    $("#content").append('#sadhu');
    $('#contactform').hide();
    var usr = document.getElementById('contactname').value;
    var eml = document.getElementById('email').value;
    var msg = document.getElementById('message').value;
    document.getElementById('out').innerHTML = usr + " " + eml + msg;
    document.getElementById('out').style.display = "block";
    form.submit();
}
});
});

$（文档）.ready（函数（）{
$（“#contactform”）。验证({
错误：功能（错误映射、错误列表）{
//恢复正常面貌
$（“#contactform div.xrequired”）.removeClass（“xrequired”）.addClass（“uRequired”）；
//如果一切正常，就停下来
如果（errorList.length==0）返回；
//反复检查错误
对于（变量i=0；i
更改inputdata函数中的return true，以返回false
更改inputdata函数中的return true，以返回false
我知道这个问题已经得到了回答，这与问题本身无关；关于问题中的代码更是如此。然而，我不能发表评论，因为我是一个全新的成员，但我只是想在你的代码中突出一些东西！主要是关于jQuery使用的一致性

在为“submitHandler”提供的函数中，您可以清空$（“#content”），然后向其附加HTML。这会起作用，但更简单的方法是使用.html（）函数；请注意，此函数可用于返回元素中包含的HTML；但那是没有参数的时候。当您提供参数时，它会重新写入html元素的内容。此外，我最有可能在h1 success元素上使用.show（）方法；如果只是为了代码可读性

例如：

submitHandler: function(){
    $('#content').html( "<p>If you want to be kept in the loop...</p>"
        + "<p>Or you can contact...</p>");
    $('h1.success_').show();
    $('contactform').hide();
}

我知道这个问题已经得到了回答，这与问题本身无关；关于问题中的代码更是如此。然而，我不能发表评论，因为我是一个全新的成员，但我只是想在你的代码中突出一些东西！主要是关于jQuery使用的一致性

在为“submitHandler”提供的函数中，您可以清空$（“#content”），然后向其附加HTML。这会起作用，但更简单的方法是使用.html（）函数；请注意，此函数可用于返回元素中包含的HTML；但那是没有参数的时候。当您提供参数时，它会重新写入html元素的内容。此外，我最有可能在h1 success元素上使用.show（）方法；如果只是为了代码可读性

例如：

submitHandler: function(){
    $('#content').html( "<p>If you want to be kept in the loop...</p>"
        + "<p>Or you can contact...</p>");
    $('h1.success_').show();
    $('contactform').hide();
}

你也可以发布相应的HTML代码吗？？？当然，伙计，我添加了更多的东西。下面是testspace的链接：您的jquery代码中似乎有一个错误…在submitHandler函数中…当您右键单击->检查元素时，它会显示在chrome的控制台上。您的选择器
$（“#content”）.empty（）
似乎抛出了非法令牌错误…请尝试用单引号将其括起来，然后重新运行脚本进行检查。下一行还有
$（“#content”）.append（#sadhu）
-如果包含纯文本，则需要使用单引号或双引号！尝试修复此问题，然后查看Inghiya Nupul，谢谢你，但问题是它在感谢页面中返回一个#sadhu，而不是表单输入-我正在尝试提取该人在表单中输入的数据，并将其显示回顶部的感谢标题，你也可以发布相应的HTML代码吗？当然可以，我又加了一些东西。下面是测试的链接
$('#contactForm').submit(function() {
inputdata();
submitHandler();

$(document).ready(function(){

$('#contactform').validate({

showErrors: function(errorMap, errorList) {
   //restore the normal look
   $('#contactform div.xrequired').removeClass('xrequired').addClass('_required');
   //stop if everything is ok
   if (errorList.length == 0) return;
   //Iterate over the errors
   for(var i = 0;i < errorList.length; i++)
   $(errorList[i].element).parent().removeClass('_required').addClass('xrequired');
},

submitHandler: function(form) {             
    $('h1.success_').removeClass('success_').addClass('success_form');
    $("#content").empty();
    $("#content").append('#sadhu');
    $('#contactform').hide();
    var usr = document.getElementById('contactname').value;
    var eml = document.getElementById('email').value;
    var msg = document.getElementById('message').value;
    document.getElementById('out').innerHTML = usr + " " + eml + msg;
    document.getElementById('out').style.display = "block";
    form.submit();
}
});
});

submitHandler: function(){
    $('#content').html( "<p>If you want to be kept in the loop...</p>"
        + "<p>Or you can contact...</p>");
    $('h1.success_').show();
    $('contactform').hide();
}

function inputdata(){
    var usr = $('#contactname').val();
    var eml = $('#email').val();
    var msg = $('#message').val();

    $('#out').html( usr + " " + eml + msg )
    .css('display', 'block');

    return true;
}