Question

我使用jquery（最新[1.7.1]）验证（最新[1.9.0]）插件来验证我的表单，我只需要使用alert（）函数来显示错误信息。请参阅我的下面的代码。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>test_validation</title>
<style>
    *{margin:0;padding:0;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
</head>

<body>
    <form id="form1" action="" style="text-align:center;">
        <select name="select"><option value=""></option><option value="1">1</option><option value="2">2</option></select>
        <br />
        <input type="submit" value="submit" name="submit" /><input type="button" value="cancel" name="cancel" />
    </form>
<script>
    $(function(){
        $("#form1").validate({
            rules:{
                "select":"required"
            },
            messages:{
                "select":"required"
            },
            onkeyup:false,
            //showErrors:function(errorMap,errorList) {
//              if(errorList[0]){
//                  alert(errorList[0].message);
//              }
//              
//          },
            errorPlacement:function(error,element){
                alert(error.text());
            }
        });
    });
</script>
</body>
</html>

我正在尝试两种方式（“showErrors”或“errorPlacement”）来覆盖默认显示，当我点击提交按钮时，消息会被提醒，没关系。然后，当我点击选择框选择一个时有效值，消息再次提醒！我实际上无法选择一个值，这有什么不对？

Answer 1

将onclick: false添加到选项中。这将禁用按钮的onclick验证。

[jquery validation plugin]如何在单击选择框时阻止“alert（）”？

1 个答案: