如何停止形式使用jQuery

Question

提交我有这种形式here，我不希望他们去到下一个页面没有一定的选择

<form method="post" action="step2/" id="form1"> 
.... 
.... 
.... 
<input type="submit" class="submit notext" value="Next" /> 

这里是我的jQuery

$('.submit').click(function(e) { 
    var business = $(".business_type_select").find('.container strong').text(); 
    alert(business); 
    if(business == "Select Business Type"){ 
     alert("BusinessBusinessBusiness"); 
     e.preventDefault; 
     return false; 
    } 
}); 

任何想法我缺少让这个停止提交

Answer 1

尝试使用submit事件：

$("#formID").submit(function(e) { 
    var business = $(".business_type_select").find('.container strong').text(); 
    alert(business); 
    if(business == "Select Business Type"){ 
     alert("BusinessBusinessBusiness"); 
     return false; 
    } 
}); 

此外，e.preventDefault()是一个函数，但是是多余的return false将工作一样。

Answer 2

preventDefault是一个功能 - 使用e.preventDefault()。

Answer 3

$("#formID").submit(function(e) { 
    var business = $(".business_type_select").find('.container strong').text(); 
    alert(business); 
    if(business == "Select Business Type"){ 
     alert("BusinessBusinessBusiness"); 
     e.preventDefault(); 
     return false; 
    } 
}); 

Answer 4

有有时在IE与.preventDefault()问题，你可以添加以下：

if (e.preventDefault)  // checks to see if the event has a preventDefault method 
    e.preventDefault(); 
else 
    e.returnValue = false; 

Answer 5

如果你的asp.net MVC剃刀形式看起来是这样的： -

可以使用（文件） ID以使用JavaScript验证表单值。 JavaScript的验证火使用HTML助手（@ValidationFor等）完成之前验证..

@using (Html.BeginForm("MyRequestAction", "Home", FormMethod.Post)) 
{ 
@Html.ValidationSummary(true) 
code goes here... 
} 
$(document).submit(function (e) { 
    var catVal = $("#Category").val(); 
    if (catVal == "") { 
     alert("Please select Category!"); 
     return false; 
    } 
    if (catVal == "--Select One--") { 
     alert("Please select Category!"); 
     return false; 
    } 
});