Question

我正在获取用户详细信息的表格。提交表单后，页面将被加载。我想在页面加载后显示成功消息。

<form name="myForm" class="contactus-template" method="post" onsubmit="return Formvalidation()"> </form>

function Formvalidation(){
var validate = validateForm();
if( validate == true ){
    alert("success");
}
else{
    alert("not success");
}
return validate;
}

这是我现在正在使用的脚本。这会在重新加载页面之前发出警报。我想在返回函数之后执行此操作。

Answer 1

如果您想在用户单击“提交”按钮时呼叫Formvalidation()，则onsubmit="return Formvalidation()"应该只是onsubmit="Formvalidation()"。

Answer 2

使用Bootstrap通知：http://bootstrap-notify.remabledesigns.com/

这个脚本：

    Alert = {
      show: function(type, title, message, url, delay) {
        $.notify({
            title: title,
            message: message,
            url: url,
            target: "_blank"
        },{
            type: type,
            showProgressbar: false,
            placement: {
                from: "bottom",
                align: "center"
            },
            delay: delay
        });
      },
    }

然后，如果重新加载页面，则可以使用PHP调用消息：

echo '<script>Alert.show("success", "", "Form submit success!", "", 3000);</script>';

Answer 3

是否已考虑将用户重定向到另一个页面成功/失败，并在该页面中显示结果？

提交表单后的成功消息

3 个答案: