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

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必填属性

Answer 2

这是我的方式：

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

    }
   });