这是我的代码:http://jsfiddle.net/Xk38X/6/ http://jsfiddle.net/Xk38X/6/
$('#register').click(function()
{
if( $('#company_f').val().length == 0 ) {
$('#company_f').css("border", "solid 1px red");
}
});
问题是即使出错,它仍然会发送表单。谁能告诉我,如果用户点击按钮并且公司字段未填写,我如何停止提交表单。
谢谢。
Use return false
or event.preventdefault() http://api.jquery.com/event.preventdefault/
$('#register').click(function (e) {
if ($('#company_f').val().length == 0) {
$('#company_f').css("border", "solid 1px red");
return false; // or e.preventdefault();
}
});
A Little better version of your code
var company_f = $('#company_f'); //cache your selector
$('#register').click(function (e) {
if (company_f.val().length == 0) {
company_f.css("border", "solid 1px red");
return false; // or e.preventdefault();
}
});
另请阅读HTML 必需属性 http://www.w3.org/TR/html5/forms.html#the-required-attribute
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)