Question

我希望我的表单在有人提交时消失（并且它会通过所有错误检查）和文本替换它的位置，并说“谢谢你已发送确认电子邮件”

我有什么方法可以做到这一点？

我的表单正常工作，错误检查和一切正常，我需要做的就是当用户点击提交时让它消失..

我正在使用php，谢谢！

Answer 1

var td = document.forms.contact.parentNode
if (td.innerHTML) {
    td.innerHTML = "your message"
} else {
    td.textContent = "your message"
}

如果您使用AJAX提交，请将其放在最后如果您使用的是基本表单，请将其作为函数放在表单的onSubmit属性中

示例：

<form onSubmit="emptyForm();"

Answer 2

你需要使用一些Javascript来：
1.）通过AJAX提交表格，
2.）更改保存表单的元素的内容

<div id='myForm_container'>
    <form id='myForm'>
         <input id="name" name="name">
         <input id="email" name="email">
        <input type=submit id='mySubmit'>
    </form>
</div>

<script>
    $('#mySubmit').click(function(){
        //do your validation and if passes:
        $.post("form_submit.php", { name: $('#name').val(), email: $('#email').val()},
        function(data){
            $('#myForm_container').html(data);
        });
    });
</script>

Answer 3

我没有在http://www.sligroup.ca/contact_us.php上测试表单，因为我不想向他们发送无意义的消息。

你需要做的所有事情都包括在pif块中输出表单html源代码的脚本部分，检查orm是否已经正确提交。不需要javascript。

简单示例：

$validFormSubmitted = validateform();
...
if(!$validFormSubmitted){
echo $formText;
}

[编辑：这将重新加载没有表单的页面。你说你想要一个PHP解决方案，但如果你不想重新加载页面，你将不得不使用AJAX]

提交表单时如何用文本替换表单？

3 个答案: