jQuery验证插件多种形式

金福

我正在尝试向一系列表单添加一些功能以验证两个复选框。我使用的是jQuery验证插件,并且终生无法正常工作。摆弄我时,我刚收到一条403禁止消息。在我的实际网站上,它似乎从未执行过。

HTML-这些表单每页有多个且相同。Stackoverflow只允许我显示一个

<form method="post" id="offer" name="offer" action="#" class="offer">
    <input type="text" name="original_description">
    <input type="text" name="description">
    <input type="text" name="added_by">
    <input type="submit" id="add" value="add" class="submit">
</form>

JS

$(".offer").each(function () {
    $(this).validate({
        submitHandler: function (form) {
            var x = form.find('input[name=description]').val();
            var y = form.find('input[name=original_description]').val();
            var z = similar_text(x, y, 1);
            alert("Description: " + x + " original_description: " + y + " z: " + z)
            if (z > 50 && !isNaN(z)) {
                alert("Description too similar to original. Please make it less similar");
                return false;
            }
            form.submit();
        },
        rules: {
            added_by: {
                required: true
            }
        },
        messages: {
            added_by: {
                required: 'Please select your name'
            }
        }
    });
});
bl

如评论中所述,您应该在之前添加','rules:并在您的SubmitHandler中操纵一个jquery表单对象,如下所示:

$(".offer").each(function () {
    $(this).validate({
        submitHandler: function (form) {
            var x = $(form).find('input[name=description]').val();
            var y = $(form).find('input[name=original_description]').val();
            var z = similar_text(x, y, 1);
            alert("Description: " + x + " original_description: " + y + " z: " + z)
            if (z > 50 && !isNaN(z)) {
                alert("Description too similar to original. Please make it less similar");
                return false;
            }
            form.submit();
        },
        rules: {
            added_by: {
                required: true
            }
        },
        messages: {
            added_by: {
                required: 'Please select your name'
            }
        }
    });
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery验证插件多种形式

来自分类Dev

多个jQuery验证引导插件不会验证多种形式

来自分类Dev

jQuery验证错误有多种形式

来自分类Dev

验证插件-自动验证页面上的多种形式

来自分类Dev

jQuery验证插件-submitHandler设置为默认值以跨多种形式工作吗?

来自分类Dev

jQuery验证-多种形式和电子邮件验证

来自分类Dev

jQuery使用Ajax验证页面上的多种形式

来自分类Dev

多种形式的jQuery表单验证添加方法

来自分类Dev

验证循环生成的多种形式?

来自分类Dev

多种形式的UpdateFrame

来自分类Dev

Django多种形式

来自分类Dev

JavaScript函数可以验证网页上的多种形式

来自分类Dev

WordPress重力形式多种形式多种形式

来自分类Dev

Ajax表单提交与jQuery多种形式

来自分类Dev

jQuery的PHP文件中的多种形式和文件提交

来自分类Dev

用多种形式在Jquery中更改图标类

来自分类Dev

多种形式的数据获取

来自分类Dev

多种形式的数据获取

来自分类Dev

处理多种形式,Spring

来自分类Dev

AJAX Post多种形式

来自分类Dev

Rails中的多种形式

来自分类Dev

结合多种形式提交

来自分类Dev

避免以html形式提交多种形式

来自分类Dev

多种形式验证:有效时将$ ajax放在哪里?

来自分类Dev

当将多种形式的相同ng模型设置为必需时,IE 11中的验证问题

来自分类Dev

单个警报消息javascript中的多种形式验证错误消息

来自分类Dev

javascript验证不适用于具有多种形式的页面

来自分类Dev

多种形式收听ng-dirty

来自分类Dev

Spring MVC模型用于多种形式