我正在使用MVC,并不是说这有所作为,但是我有一个用于搜索的文本框.
<% using (Html.BeginForm("Index","Search",FormMethod.Post)) { %>
<%= Html.AntiForgeryToken() %>
<div id="search_Box">
<span id="search-title">Search Site</span>
<div>
<%= Html.TextBox("searchText","type here,then press enter",new { @class = "search_input" }) %>
</div>
</div>
<% } %>
我曾经在此文本框中设置onblur和onfocus事件,以便在用户单击或不单击而无需输入任何内容时进行一些文本交换.但是,我将它们移到JS文件中,因为最终,我们希望通过JS添加其他功能,例如自动完成功能.
我的JS的问题在于它无论如何都会提交.
var searchHandler = function() {
var searchBox = "searchText";
var defaultText = "type here,then press enter";
var attachEvents = function() {
$("#" + searchBox).focus(function() {
if (this.value == defaultText) {
this.value = '';
}
}).blur(function() {
if (this.value == '') {
this.value = defaultText;
}
}).keyup(function(event) {
var searchTerms = $("#" + searchBox).val();
if (event.keyCode == 13 && searchTerms == '') {
return false;
}
else {
return true;
}
});
};
return {
init: function() {
$("#" + searchBox).val(defaultText)
attachEvents();
}
}
} ();
$().ready(function() {
searchHandler.init();
});
我真正需要做的是,如果文本框为空,则enter无需提交表单.有任何想法吗？
最佳答案
如果您使用jQuery,则只要不满足验证规则,您就可以简单地返回false.
$(document).ready( function(){
$('form').submit(function(){
if( $('#searchText').val() == '')
return false;
else
return true; //just to be explicit,not really necessary.
});
});
或类似的东西.
