Проверяйте 2-е и 3-е поля, только если первое поле имеет какое-то входное значение - PullRequest
Новая
       128

Проверяйте 2-е и 3-е поля, только если первое поле имеет какое-то входное значение

0 голосов
/ 07 августа 2020

У меня есть форма, и у меня проблема с проверкой поля. мне нужно, если первая область текста поля (ссылка) имеет какое-то значение, тогда только другие 2 поля (заголовок и тип) должны проверяться. поле, тогда форма должна подняться наверх без ошибок. 2. if предоставит входное значение в первом поле, а не во втором и третьем поле, в этом случае форма не должна отправляться, должна проверять заголовок и поле типа с ошибкой (что-то не может быть пустым) 

$('#user-form').formValidation({
    framework: 'bootstrap',

    icon: {
        valid: 'fa fa-check',
        invalid: 'fa fa-times',
        validating: 'fa fa-refresh'
    },
    fields: {
        assets_link: {
            validators: {
                stringLength: {
                    max: 2000,
                    message: 'The Attach Link must be less than or equal to 2000 characters'
                },
                regexp: {
                    regexp: '^(<)(.*)(>)$',
                    message: 'The Attach Link  is not valid Embed Code'
                },
                callback: {
                    callback: function(value, validator, $field) {
                        if (value != "") {
                            $("#tab-content .add-assets").attr("disabled", "disabled");
                            $("#tab-content .add-assets").addClass("disabled");
                        } else {
                            $("#tab-content .add-assets").removeAttr("disabled");
                            $("#tab-content .add-assets").removeClass("disabled");
                        }
                        return true;
                    }

                }

            }
        },
        title: {
            validators: {
                notEmpty: {
                    message: 'The  title is required and cannot be empty'
                },
                stringLength: {
                    max: 1000,
                    message: 'The  title must be less than or equal to 1000 characters'
                },
            }
        },
        type: {
            validators: {
                notEmpty: {
                    message: 'The  type is required and cannot be empty'
                },
            }
        },

    },

})
<form method="post" id="user-form"
   class="fv-form fv-form-bootstrap">
   <div>  
      <textarea name="assets_link" id="assets_link" cols="73" rows="4"
         class="form-control"></textarea>
   </div>
   <label class="heading-label d-block">Title <span class="text-danger">*</span></label>
   <div class="form-group assettitle">
      <input type="text" class="form-control min-w-2 reduce-w rationale" placeholder="Enter Asset Title Here" name="title" id="asset_title" value="" >
   </div>
   <label class="heading-label d-block">Type <span class="text-danger">*</span></label>
   <div class="form-group assettype">
      <select class="custom-select" name="type" id="asset_type">
         <option value="">Select  type</option>
         <option value="Image">Image</option>
         <option value="Video">Video</option>
      </select>
   </div>
   </div>
 <input type="submit" />
</form>
...