ASP.NET MVC中使用Entity Framework时，带样式类的表单无法插入数据问题

核心原因是你用的php-email-form类，大概率被模板自带的前端JavaScript拦截了表单的默认同步提交行为，改用了AJAX方式发送请求，但你的后端Contact/Create Action没适配这种提交方式，导致数据没被正确插入。

具体排查与解决步骤 #

1. 先查前端JS代码 #

找到你模板里的JS文件（比如main.js、contact.js这类），搜索php-email-form，你大概率会看到类似这样的代码：

document.querySelector('.php-email-form').addEventListener('submit', function(e) {
  e.preventDefault(); // 这里阻止了表单默认提交
  // 下面是AJAX提交的逻辑
});

这段代码的作用是把表单改成异步提交，但如果AJAX的请求参数、URL或者后端处理逻辑不对，就会导致数据插不进去。

两种处理方向：

• 不需要AJAX提交：直接注释/删除e.preventDefault()这行代码，以及后面的AJAX逻辑，表单就会恢复普通同步提交，数据能正常插入，同时保留样式。
• 要保留AJAX提交：修改AJAX逻辑，确保表单数据（包括防伪令牌）正确传递到后端：

  const form = document.querySelector('.php-email-form');
  form.addEventListener('submit', function(e) {
    e.preventDefault();
    const formData = new FormData(form);
    // 手动加入防伪令牌，避免验证失败
    formData.append('__RequestVerificationToken', document.querySelector('input[name="__RequestVerificationToken"]').value);
    
    fetch(form.action, {
      method: form.method,
      body: formData
    })
    .then(res => res.json())
    .then(data => {
      if (data.success) {
        alert('提交成功');
        form.reset();
      } else {
        alert('提交失败：' + data.message);
      }
    })
    .catch(err => console.error('提交出错：', err));
  });
  

2. 适配后端Action（如果用AJAX） #

修改ContactController里的Create方法，让它能处理AJAX请求并返回JSON响应：

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create(ContactModel model)
{
    if (ModelState.IsValid)
    {
        db.Contacts.Add(model);
        db.SaveChanges();
        
        // 针对AJAX请求返回JSON
        if (Request.IsAjaxRequest())
        {
            return Json(new { success = true, message = "数据已成功插入" });
        }
        // 普通提交跳转页面
        return RedirectToAction("Index");
    }
    
    // 验证失败时的处理
    if (Request.IsAjaxRequest())
    {
        var errors = ModelState.Values.SelectMany(v => v.Errors).Select(e => e.ErrorMessage);
        return Json(new { success = false, message = string.Join("；", errors) });
    }
    return View(model);
}

3. 辅助排查手段 #

打开浏览器开发者工具（F12）：

• 看控制台有没有JS报错
• 看网络标签，提交表单时有没有请求发送到Contact/Create，请求参数是否完整（包括你的表单字段和防伪令牌）

内容的提问来源于stack exchange，提问作者Ardian Idrizi