jquery验证检查无法正常工作

时间:2013-05-21 08:34:17

标签: jquery

$(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.the返回true和false的概念,我使用if($(".block")[0].selectedIndex<=0)我们可以使用if($(".block").val()==" ")如果任何人有标准检查请提前帮助。谢谢。

3 个答案:

答案 0 :(得分:2)

如果是表单提交,return true将允许表单提交后续执行javascript的表单,return false将无法在javascript后提交表单

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

答案 1 :(得分:1)

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

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

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

答案 2 :(得分:1)

你可以这样做:

$(".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