如何实现表单填写完成后控制器执行数据插入？解决SQL参数缺失异常

一、修复表单加载时触发插入的异常问题 #

你遇到的核心问题是控制器代码在打开页面（GET请求）时就执行了插入逻辑，此时表单尚未填写，Request.Form无法获取到有效值，导致SQL参数@UserN为空，触发异常。

具体修复方案： #

1. 拆分控制器的请求处理逻辑
   在ASP.NET MVC中，打开页面属于GET请求，表单提交属于POST请求。你需要将插入逻辑限定在POST请求分支中，GET请求仅负责返回视图：

' GET请求：仅返回新增用户页面
Function AddUser() As ActionResult
    Return View()
End Function

' POST请求：仅处理表单提交和数据库插入
<HttpPost>
Function AddUser(UserN As String, password As String, role As String, Nombre As String, Puesto As String) As ActionResult
    ' 构建插入SQL语句
    Dim query As String = "INSERT INTO IntranetSecurity (UserN, Password, Role, Nombre, Puesto) VALUES (@UserN, @Password, @Role, @Nombre, @Puesto)"
    
    Using command As New SqlCommand(query, cnn)
        ' 绑定参数
        command.Parameters.AddWithValue("@UserN", UserN)
        command.Parameters.AddWithValue("@Password", password)
        command.Parameters.AddWithValue("@Role", role)
        command.Parameters.AddWithValue("@Nombre", Nombre)
        command.Parameters.AddWithValue("@Puesto", Puesto)

        ' 执行插入操作
        cnn.Open()
        command.ExecuteNonQuery()
    End Using

    ' 插入完成后重定向到用户列表页面，避免重复提交
    Return RedirectToAction("UserList")
End Function

2. 确保视图表单使用POST提交
   视图中的表单需指定method="post"，点击提交按钮时才会触发上述POST分支的逻辑：

<form method="post" action="@Url.Action("AddUser")">
    <input type="text" name="UserN" placeholder="用户名" required />
    <input type="password" name="password" placeholder="密码" required />
    <input type="text" name="role" placeholder="角色" />
    <input type="text" name="Nombre" placeholder="姓名" />
    <input type="text" name="Puesto" placeholder="职位" />
    <button type="submit">提交</button>
</form>

3. 可选：添加参数空值校验
   在POST分支开头添加校验，避免空参数进入数据库操作：

If String.IsNullOrEmpty(UserN) OrElse String.IsNullOrEmpty(password) Then
    ViewBag.ErrorMsg = "用户名和密码不能为空"
    Return View()
End If

二、关于VB中onclick()事件的说明 #

分两种场景：

• 前端HTML场景：不管后端用VB还是C#，前端HTML按钮的onclick是原生支持的，可直接绑定JavaScript逻辑，比如：

  <button onclick="confirm('确定要提交吗？')">提交</button>
  

• ASP.NET WebForms服务器控件场景：若使用WebForms框架，VB后端可以给服务器按钮绑定OnClick事件（首字母大写）：

  <asp:Button ID="btnSubmit" runat="server" Text="提交" OnClick="btnSubmit_Click" />
  

  后端VB代码：

  Protected Sub btnSubmit_Click(sender As Object, e As EventArgs)
      ' 这里编写提交逻辑
  End Sub
  

但你当前使用的是MVC模式，更推荐用前面的POST Action配合表单提交的方式处理业务逻辑。

内容的提问来源于stack exchange，提问作者jared alcala