jquery validate手动调用校验

最新推荐文章于 2023-06-17 14:16:08 发布

最新推荐文章于 2023-06-17 14:16:08 发布 · 503 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个使用jQuery实现的表单验证示例，其中包括对docTypeId和上传文件的必填项检查，并通过点击按钮触发验证过程。

 jQuery().ready(function() {
            var validator = jQuery(".form1").validate({
                rules: {
                    docTypeId: "required",
                    "uploadFiles[0].file":"required"
                },
                messages: {
                    docTypeId: "请选择****",
                     "uploadFiles[0].file":"请选择文件"
                }
            });
            jQuery("#btn_submit").click(function() {
                var check = validator.form();
                if (check) {
                    jQuery(".form1").submit();
                }
            });
        });

也可用如下方式：

function _submit(){
    var validator = jQuery(".form1").validate({
                rules: {
                    docTypeId: "required",
                    "uploadFiles[0].file":"required"
                },
                messages: {
                    docTypeId: "请选择 *****",
                     "uploadFiles[0].file":"请选择文件"
                }
            });
   if(validator.form()){
     jQuery(".form").submit();
   }
}