jquery validate 用alert提示错误

最新推荐文章于 2021-06-25 17:30:25 发布

原创最新推荐文章于 2021-06-25 17:30:25 发布 · 326 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #validator #ViewUI

本文介绍了一个使用jQuery实现的表单验证示例，其中包括对docTypeId字段的必填验证及上传文件的选择验证。当用户点击提交按钮时，会触发验证过程并显示错误消息。

 jQuery().ready(function() {
            var validator = jQuery(".form1").validate({
                rules: {
                    docTypeId: "required",
                    "uploadFiles[0].file":"required"
                },
                messages: {
                    docTypeId: "请选择****",
                     "uploadFiles[0].file":"请选择文件"
                },                 
                showErrors: function(errorMap, errorList) {
                    var msg = "";
                    jQuery.each(errorList, function(i, v) {
                        msg += (v.message + "\r\n");
                    });
                    if (msg != ""){
                        alert(msg);
                   } 
                }
            });
            jQuery("#btn_submit").click(function() {
                var check = validator.form();
                if (check) {
                    jQuery(".form1").submit();
                }
            });
        });