阻止表单提交

阻止 form 的 submit() 默认提交行为，一种方法用 return false，另一种是 event.preventDefault(); 两种方法都可以，但却又有不同。

 $('#myForm').submit(function(event){
     if (!$('#name').val()) {
     alert('name 不能为空');
     event.preventDefault();
     };
 })

当表格 name 的值为空时，弹出提示框，并阻止跳转。

当然你也可以用 return false 来阻止，代码如下：

 $('#myForm').submit(function(event){
     if (!$('#name').val()) {
     alert('name 不能为空');
     return false;
     };
 })

最后说一下 return false  和 event.preventDedault() 的区别：如果你在阻止了表单的提交行为之后，还想干点别的，那就用 event.preventDefault()，比如给空 input 加一个红色边框提醒用户之类的，因为 return false 之后的代码不会执行。如果什么也不想干，那两者就没有区别了，由你任性！

 $('#myForm').submit(function(event){
     if (!$('#name').val()) {
     alert('name 不能为空');
     event.preventDefault();
     $('#name').css('border-color','red');
     }
 })