Javascript 联系表（成功提交和重置）

我有这张联系表

1-contactform.js（用于验证

2-contactform.php（用于发布和传递表单信息）

3-包含表单前端的HTML

联系人表单在填写和传递信息方面工作良好

问题是，提交成功消息后不会出现，页面也不会刷新当前信息

请建议

jQuery（文档）.ready（函数（$）{
“严格使用”；
//接触
$（'form.contactForm'）。提交（函数（）{
var f=$（this.find（'.form group'），
ferror=false，
emailExp=/^[^\s（）@；：\/]+@\w[\w\.-]+\.[a-z]{2，}$/i；
f、 子项（'input'）。每个（函数（）{//运行所有输入
var i=$（this）；//当前输入
var规则=i.attr（“数据规则”）；
如果（规则！==未定义）{
var ierror=false；//当前输入的错误标志
var pos=rule.indexOf（“：”，0）；
如果（位置>=0）{
var exp=rule.substr（位置+1，rule.length）；
rule=rule.substr（0，位置）；
}否则{
规则=规则.substr（位置+1，规则.length）；
}
开关（规则）{
案例“必需”：
如果（i.val（）==''）{
ferror=ierror=true；
}
打破
案例“minlen”：
if（i.val（）.length=0）{
var exp=rule.substr（位置+1，rule.length）；
rule=rule.substr（0，位置）；
}否则{
规则=规则.substr（位置+1，规则.length）；
}
开关（规则）{
案例“必需”：
如果（i.val（）==''）{
ferror=ierror=true；
}
打破
案例“minlen”：
if（i.val（）.length

您的邮件已发送。谢谢！
发送消息

代码中的error div仅在出现错误时出现

使用此命令更改ajax行，可能会帮助您：

    $.ajax({
      type: "POST",
      url: action,
      data: str,
      success: function(msg) {
        if (msg == 'OK') {
          msg = 'success';
          $("#sendmessage").addClass("show");
          /* showing the message */
          $("#errormessage").addClass("show");
          $('#errormessage').html(msg);
          $('.contactForm').find("input, textarea").val("");
        } else {
          msg = 'failed';
          $("#sendmessage").removeClass("show");
          $("#errormessage").addClass("show");
          $('#errormessage').html(msg);
        }

      }
    });
    return false;
  });

---

谢谢你的回复@Mohcine Mimoudi，它确实替换了上面的部分，表单在提交后刷新了，但没有发送表单，如果你尝试在空文件中提交，它也会刷新（验证是否会被禁用），谢谢Nishil，但是你能提供更多的细节吗？还有其他反馈吗？我还在尝试这个（不幸的是没有结果）

    $.ajax({
      type: "POST",
      url: action,
      data: str,
      success: function(msg) {
        if (msg == 'OK') {
          msg = 'success';
          $("#sendmessage").addClass("show");
          /* showing the message */
          $("#errormessage").addClass("show");
          $('#errormessage').html(msg);
          $('.contactForm').find("input, textarea").val("");
        } else {
          msg = 'failed';
          $("#sendmessage").removeClass("show");
          $("#errormessage").addClass("show");
          $('#errormessage').html(msg);
        }

      }
    });
    return false;
  });