jquery验证检查无法正常工作

Question

$(document).ready(function(){
    $(".submit").click(function(){
                if($('.disrtrict')[0].selectedIndex<=0){
                    $("#error1").html("district field is empty");

                } 

                if($(".block")[0].selectedIndex<=0){
                    $("#error2").html("block field is empty");  
                }


                if($(".village")[0].selectedIndex<=0){
                    $("#error3").html("village field is empty");    
                }

            });
});

上面是我的jquery脚本。我是jquery的新手，并尝试学习jquery。 我的问题是我使用return false.what返回true和false的概念，我使用if($(".block")[0].selectedIndex<=0)我们可以使用if($(".block").val()==" ")如果有人有标准支票，请提前提供帮助。谢谢。

Answer 1

如果它的表单提交return true将允许表单提交表单以后执行javascript并return false将不会在javascript之后提交表单

现在关于jQuery验证，是的，您可以使用if($(".class").val()=='')进行空或非选择

Answer 2

在if条件中，在错误消息之后，您可以使用return false来避免表单提交。

if($(".block").val()=="")

如果您的第一个选项值为空，则上述代码将起作用。

Answer 3

你可以这样做：

$(".submit").click(function () {
    if ($('.disrtrict').val() === '') {
        $("#error1").html("district field is empty");
        return false;
    }
    if ($(".block").val() === '') {
        $("#error2").html("block field is empty");
        return false;
    }
    if ($(".village").val() === '') {
        $("#error3").html("village field is empty");
        return false;
    }
    return true;
});

FIDDLE DEMO