js validate

最新推荐文章于 2024-08-12 08:44:04 发布

kang的国度

最新推荐文章于 2024-08-12 08:44:04 发布

阅读量4.2k

点赞数

本文链接：https://blog.csdn.net/kstudyk/article/details/103686567

版权

本文介绍如何编写JavaScript表单验证程序，探讨了表单验证的重要性及一个参考实现。

摘要由CSDN通过智能技术生成

表单校验

1 编写的表单验证程序

function validform(){
        //在此增加了一个return，返回的是一个validate对象，这个对象有一个form方法，返回的是是否通过验证
        return $("#aaa").validate({
            rules : {
                name : {
                    required : true
                },
                type : {
                    required : true
                },
                info : {
                    maxlength: 1000
                },
                remark : {
                    maxlength : 1000
                }
            },
            messages : {
                name : {
                    required : "请输入平台名称"
                },
                type : {
                    required : "请选择保额获取类型"
                },
                info : {
                    maxlength : "最多输入一千个字"
                },
                remark : {
                    maxlength : "最多输入一千个字"
                }
            }
        });
    };

// 点击事件
$("#bbb").click(function(){

        if(validform().form()) {// 调用form方法，表单校验，成功调用ajax
            // 表单提交, 新增平台
            var addPlatformData = $("#addPlatformForm").serialize();
            $.ajax({
                type : 'post',
                url : '${basePath}/platform/add',
                dataType : 'json',
                data : addPlatformData,
                success : function(data) {
                    if (data.code == 1) {
                        window.location.href = "${basePath}/platform/handlesuccess?flag=1&seplatformno="
                                + data.data.seplatformno;
                    } else {
                        alert(data.message);
                    }
                }
            });
        }
    });

在这里插入图片描述
参考：
https://www.cnblogs.com/g-smile/p/9159549.html