添加onsubmit事件以在MVC3中调用JS函数

Question

我在MVC3项目中从表单调用JS方法时遇到问题:我有一个"搜索"页面没有带两个按钮的表单 - 搜索和取消.点击搜索在ProductDefinition中运行JS函数runSearch.

<div id="productSearch-dialog" class="modal fade" style="width: 1000px; display: none">
<div class="modal-header">
    <button class="close" aria-hidden="true" data-dismiss="modal" type="button">×</button>
    <h3>Search Results</h3>
</div>
<div class="modal-body" style="height: 650px;">
    <div>
        <input id="inputname" type="text" /><font class="red-font" id="lblrequired" style="display: none">*</font>
    </div>
    <div id="searchresultcontain" class="grid">
    </div>
    <div id="Pagination" class="pagination">
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-primary" onclick="productDefinition.runSearch();">Search</button>
    <button class="btn btn-primary" data-dismiss="modal">Cancel</button>
</div>

当我按下时如何运行这个JS方法(runSearch)？据我所知,这将是onsubmit事件,它是form事件,所以我需要添加带有onsubmit属性的表单元素.我用BeginForm帮助器方法尝试了周围的输入字段:

@using (Html.BeginForm(new { onsubmit = "productDefinition.runSearch();" }))
{
    <input id="inputname" type="text" /><font class="red-font" id="lblrequired" style="display: none">*</font>
    <input type="submit" value="Submit" style="visibility: hidden" />
}

但它似乎没有工作 - 当我按下输入我出于某种原因获取页面的来源并到达localhost /？onsubmit = productDefinition.runSearch()URL.
可能是问题的根源是什么？如何为onsubmit和onclick获得相同的行为？

Answer 1

 @using (Html.BeginForm(new { onsubmit = "return runSearch();" }))



<script type="text/javascript">
    function runSearch() {
           // your logic to perform the search.
           return true;
    }
</script>