Question

这是我的代码：http://jsfiddle.net/Xk38X/6/

  $('#register').click(function()
{
    if( $('#company_f').val().length == 0 ) {
        $('#company_f').css("border", "solid 1px red");
    }
});

问题是即使错误仍然发送表单。任何人都可以告诉我，如果用户点击按钮并且没有填写公司字段，我如何停止提交表单。

谢谢。

Answer 1

使用return false或event.preventdefault()

$('#register').click(function (e) {
    if ($('#company_f').val().length == 0) {
        $('#company_f').css("border", "solid 1px red");
        return false; // or e.preventdefault();
    }
});

<小时/> 一个更好的代码版本

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 required attribute

Answer 2

这是我的方式：

 $('#register').click(function(event)
   {
if( $('#company_f').val().length == 0 ) {
    event.preventDefault();
    $('#company_f').css("border", "solid 1px red");

    }
   });

如果出现错误，请停止在jquery中提交表单

2 个答案: