是否可以在 mvc 中获取表单 iD

Question

如果我在 razor 视图中明确指定和 id，是否可以在 jquery 文件中找到 formID

@using (Html.BeginForm()) 在这里我不想指定表单的 id，单击按钮时我想从我的 jquery 文件中提交此表单。

这是我的观点和

 @using (Html.BeginForm())

这个 jquery 不起作用。

$(".TestCreateSubmit").click(function (e) {
    e.preventDefault();
    alert("submit");
    var form = this;//this doesnt work
    form.submit();  //this doesnt work
});

不指定id是否可以调用表单的Submit()方法

这是我在表单中的按钮。这是这种特殊形式的唯一按钮：

<div class="row">
    <div class="col-md-5 text-right">
          <a class="btn btn-default TestCreateSubmit" href="#" role="button">Save</a>
    </div>
</div>

控制器

    public ActionResult TestCreate(Test test)
    {
        if (ModelState.IsValid)
        {

            //need to save the application using the Staff Manager Service here
            Test objTest  = DatabaseService.Test Create(test);

            if (objtest == null)
            {
                return HttpNotFound();
            }


            return RedirectToAction("TestIndex");
        }


        return View(test);
    }`

Answer 1

您已经获得了几个关于如何获取 current 表单的答案，例如：

$(".TestCreateSubmit").click(function (e) {
    e.preventDefault();
    var form = $(this).closest('form');
    form.submit();
});

但是，由于您的按钮实际上是一个链接而不是type="submit"，因此您的代码很容易通过在输入字段上按 Enter 来绕过。例如https://jsfiddle.net/TrueBlueAussie/4tmz0xm5/ 键盘提交是表单处理中最容易被忽视的问题。

有几种有条件提交表单的模式，但都依赖于submit 事件而不是点击事件。

正如您所说，您只希望链接正常提交表单，只需将链接更改为 input 和 type="submit" 并将其样式设置为您需要的任何样式。

例如

<div class="row">
    <div class="col-md-5 text-right">
          <input class="btn btn-default TestCreateSubmit" type="submit" value="Save"/>
    </div>
</div>

那时你根本不需要任何代码。

更新为使用 Ajax：

根据评论，这是使用 Ajax 表单提交之前的测试。具体步骤如下：

• 捕捉表单提交事件
• 停止默认表单提交（例如使用e.preventdefault()）
• 获取并序列化表单数据
• 使用$.post 或$.ajax 提交表单

示例：

$('form').submit(function(e){
    e.preventDefault();
    var $form = $(this);
    var data = $form.serialize();
    $.post(url, data);
})