为什么jquery中的这个多文件输入验证没有显示任何错误消息?

时间:2015-12-14 07:29:52

标签: javascript jquery

我正在尝试验证多个文件输入。我有规则。然而,最基本的要求是:真的不起作用。这是我的代码..

Route::get('/{any}', function($any){
    redirect('/')'
})->where('any', '.*');

包含规则的validation.js如下:

        <form id="profile-form" action="" method="post">

            <div class="row">
            <div class="form-group col-md-2">
                <label style="padding-left:20px;padding-top:10px">Upload image<strong> (5 images required)<strong></label>
            </div>
            <div class="form-group col-md-4">
                <input class="form-control" type="file" name="files[]" id="files" accept="png|jpg|jpeg" required="required" multiple>
            </div>
        </div>
</form>

3 个答案:

答案 0 :(得分:1)

尝试required属性

<input class="form-control" type="file" name="files[]" id="files" accept="png|jpg|jpeg" required="required" multiple>

或:

rules:{
    'files[]': {
            required: true,
          },
},
message:{
    'files[]': {
            required: 'Please insert your 5 images',
          },
}

注意:您需要创建一个新规则来计算5个图像

答案 1 :(得分:0)

用以下代码替换代码:

files[]: {
        required: true
      },

files[]: {
        required: 'Please insert your 5 images'
      },

另外,添加

<input class="form-control" type="file" name="files[]" id="files" accept="png|jpg|jpeg" required="required" multiple>

答案 2 :(得分:0)

您还可以添加以下简单功能:
信息: {         必需:&#34;此字段是必填字段。&#34;     }