javascript - 在 jquery 验证插件中验证图像的高度宽度

Question

我正在使用 jquery 验证插件进行表单验证。但我也必须验证图像高度宽度。我在谷歌上搜索。但我没有得到。

我想要验证徽标中的高度：150 像素和宽度：300 像素。如果图像高度和宽度等于我给定的尺寸。然后表格将被张贴。

我的图像形式是：

 <div class="col-md-6 mb-50">
   <span class="input">
     <label class="" for="cf-website" style="font-weight: 500;">Upload Logo </label>
       <input class="input__field cf-validate check-image-size" type="file" id="logo" name="logo" accept="image/png,image/jpeg" />
 </div>

我的 js 是：我正在验证完整的表格。请忽略其他字段。

<script type="text/javascript">
$('form[id="submit_form"]').validate({
  rules: {
    username: {
        maxlength: 40,
    },
    business_title: {
        maxlength: 40,
    },
    designation_qualification: {
        maxlength: 60,
    },
    business_speciality: {
        maxlength: 50,
    },
    contact: {
        maxlength: 16,
        number: true,
    },
    email: {
        email: true,
    },
    website: {
        maxlength: 100,
    },
    addres: {
         maxlength: 100,
    },
    description: {
         maxlength: 115,
    }
  },
  messages: {
    username: {
      maxlength: 'Maximum 40 characters allowed'
    },
    business_title: {
      maxlength: 'Maximum 40 characters allowed'
    },
    designation_qualification: {
      maxlength: 'Maximum 60 characters allowed'
    },
    business_speciality: {
      maxlength: 'Maximum 50 characters allowed'
    },
    contact: {
      maxlength: 'Maximum 16 characters allowed',
      number: 'Please enter number only'
    },
    email: {
      email: 'Enter a valid email'
    },
    website: {
      maxlength: 'Maximum 100 characters allowed'
    },
    addres: {
      maxlength: 'Maximum 100 characters allowed'
    },
    description: {
      maxlength: 'Maximum 115 characters allowed'
    }
  },
  submitHandler: function(form) {
    form.submit();
  }
});
</script>

标签： javascriptjqueryjquery-validate