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

IE中有时会出现.preventDefault()的问题尝试添加此内容：

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

Answer 4

$("#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 5

如果您的asp.net MVC剃刀形式如下所示： -

您可以使用（文档）ID使用JavaScript验证表单值。在使用HTML帮助程序（@ValidationFor等）完成验证之前，JavaScript验证会激活。

@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;
    }
});

我如何停止使用jQuery提交表单

5 个答案: