如何在表单输入被验证后在按钮点击时调用javascript方法

我有一个ASP.NETMVC网页，它本质上是一个表单，用于填写和选择某些字段。我也在使用twitter引导

My.cshtml

@{
    ViewBag.Title = "MyWork";
}

@section Scripts {
    @Scripts.Render("~/scripts/mywork.js")
    @Scripts.Render("~/scripts/typeahead.min.js")
}

<br />

<legend>Add items to enable work</legend>
<div class="row">
    <div class="col-md-2">
        Item name:
    </div>
    <div class="col-md-8">
        <input id="ItemTextBox" name="Name" type="text" placeholder="Enter an item name ..." class="form-control" required="required" autofocus="autofocus" />
    </div>
</div>

<legend>Generate file</legend>
<input id="GenerateFile" type="submit" class="btn btn-primary" value="Generate File" onclick="javascript:generateFile()" />

@{
ViewBag.Title=“我的作品”；
}
@节脚本{
@Scripts.Render（“~/Scripts/mywork.js”）
@Scripts.Render（“~/Scripts/typeahead.min.js”）
}


添加项以启用工作
项目名称：
生成文件

javascript文件mywork.js包含generateFile（）方法，并使用输入的项创建一个文件

---

如何验证ItemTextBox是否为空？可以添加许多项，因此我显然不想检查每个文本元素。我已经为输入设置了required=“required”。如何自动验证所需字段？

我认为此链接可能会帮助您：

由于您添加了“required”属性，您只需验证表单，然后使用上述插件调用javascript方法：

$("#myform").validate({
  submitHandler: function(form) {
    // some other code
    // maybe disabling submit button
    // then:
    $(form).submit();
  }
 });

---

您是否尝试过jQuery验证引擎，它是一个很好的、最好的插件，可以非常轻松地验证表单控件。只需看看下面的链接（这是一个演示）

要下载和获取文档，请访问

---

不带任何插件，用于浏览器的默认验证， 用

包装输入元素。并将

“required”

属性添加到所有必需的输入字段中

<form id="myform">
     <p><span>Item 1</span> <input name="Item 1" type="text" placeholder="Enter an item name"required="required" autofocus="autofocus" /></p>
     <p><span>Item 2</span> <input name="Item 2" type="text" placeholder="Enter an item name"required="required" autofocus="autofocus" /></p>
     <p><span>Item 3</span> <input name="Item 3" type="text" placeholder="Enter an item name"required="required" autofocus="autofocus" /></p>
     <p><input type="submit" value="Generate File"/></p>
</form>

---

我没有在表单中定义我的元素。如果我定义了一个表单，那么如何在单击时调用javascript方法而不必往返服务器（即我不想发布帖子）。我没有在表单中定义我的元素。如果我定义了一个表单，那么如何在单击时调用javascript方法，而不必往返服务器（即，我不想发布帖子）。我不得不将图例更改为h1，因为图例在表单中不起作用。感谢您不用在my.cshtml中定义表单元素就完成了这项工作。我不知道如何使用它进行客户端验证。@AloofC是的，您可以通过控制进行验证，只需参考上面的站点即可。您需要任何验证控件的演示吗？

document.getElementById('myform').onsubmit = function(e) {
    generateFile();
    e.preventDefault();
}
function generateFile(){
    alert('Generating File');
}