带焦点的下拉菜单并输入按键确认表单。
我有一个包含由jquery验证的元素的表单(在验证器函数中如下) 如果我有一个文本框,并且我启用了焦点并按下回车键,则会获得所有Javascript验证。
$( document ).ready(function() {
var container = $('div.errors');
$("mydropdownId").focus(); //tried this , focus works, but enter key press check doesn't work
// validate the form when it is submitted
var validator = $("#coverageForm").validate({
invalidHandler: function() {
$('#form_error_notice').css('display', 'block');
$('.server_error_notice').css('display', 'none');
$('.errorsServer').css('display', 'none');
hintAgain();
},
submitHandler: function(){
DoDisable(); //changes couple of divs and does document.form.submit();
},
errorContainer: $("#coverageForm .errors"),
errorLabelContainer: $("ul", "#coverageForm .errors"),
wrapper: 'li',
meta: "validate"
});
// Control input in numeric form fields
$('input.numeric').numeric();
// Initiate overlays
$('.boxy').boxy({modal: true});
});
我是jquery的新手,任何可以引导我走向光明的人?我不想更改jquery提供的验证。这是我的“客户”的严格要求!
提前致谢!
答案 0 :(得分:0)
html表单的默认行为是,当您单击enter时,表单将被提交。因此,关闭JQuery.Validator以验证表单上的字段。
因此,为了解决这个问题,你可能必须捕获keydown或keypress事件,关闭回车键,然后手动移动到下一个字段(调用焦点在下一个控件上)