jQuery.validate如何校验两个值的大小

最新推荐文章于 2022-11-23 22:00:29 发布

原创最新推荐文章于 2022-11-23 22:00:29 发布 · 5.6k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#validate

收录于

Web应用专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种通过自定义验证方法来确保库存数值合理性的实现方案。具体包括使用JavaScript进行前后端验证，确保最低库存不高于最高库存，并通过jQuery Validator插件增强了表单验证功能。

1.编写校验方法

function validate() {
    var returnVal = true;
    var stockMinAmount = parseFloat($("#stockMinAmount").val());
    var stockMaxAmount = parseFloat($("#stockMaxAmount").val());
    if (stockMinAmount > stockMaxAmount) {
        returnVal = false;
    }
    return returnVal;

}

2.自定义validate校验

var validator;
$(document).ready(function () {
    jQuery.validator.addMethod("gt", function (value, param) {
        return validate();
    }, $.validator.format("最低库存不能大于最高库存"));

    jQuery.validator.addMethod("it", function (value, param) {
        return validate();
    }, $.validator.format("最高库存不能小于最低库存"));

    validator = $("#searchForm").validate({
        rules: {
            stockMinAmount: {
                gt: true
            },
            stockMaxAmount: {
                it: true
            }
        }
    })
})