1

我正在使用 jQuery validate 插件进行表单验证。我在设置必填字段（使用规则和消息）时可以正常工作，如果在用户尝试提交表单时它们没有完成，它们会被突出显示。

不过我还有另一个要求，我想知道这是否可以使用 jQuery 验证插件来完成？

我有一个包含三个值的下拉字段 - 草稿、供审阅和已发布。默认值为草稿。当用户将下拉值更改为已发布时，我希望立即出现一个弹出警报框，其中显示“您确定要发布此内容吗？” 带有“确定”或“取消”选项。

jQuery validate 插件可以做到这一点吗？如果是这样，怎么做？

谢谢你的帮助，

斯特

4

1 回答 1

1

我不会在 jquery 验证规则中进行交互式确认，尽管如果你真的想要它是可能的。不这样做的一个原因是，当您提交表单时，该规则将运行，作为表单验证的一部分，为您提供第二个确认弹出窗口。

试试看它是否适合你

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.10.0/jquery.validate.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $.validator.addMethod("myConfirm", function (value) {
            confirm('are you sure?');
            return true;
        }, '');

        $(function () {
            $('form').validate({
                onfocusout: false,
                // warning - I don't recommend doing this
                rules: { mychoice: "myConfirm" }
            });
            $('select').change(function () {
                $('form').validate().form();
            });

        });
</script>
</head>
<body>
    <form>
    <select name="mychoice">
        <option>great</option>
        <option>good</option>
    </select>
    <input type="submit" />
    </form>
</body>
</html>
于 2012-11-09T20:36:53.557 回答