Bootstrap验证为具有前导零的整数

时间:2016-11-11 07:38:12

标签: javascript jquery html twitter-bootstrap validation

我正在使用bootstrap验证器验证表单。我已经给出输入类型=数字最小数量为1,最大值为31 。在这种情况下,我可以将输入设置为02或2两者都应被视为是的,但是如果我在输入框bootstrap中给出2,则接受值enter image description here

如果我给02,则显示错误消息。是否有任何其他方法可以在引导程序验证中同时接受这两个值?

JS: bootstrapValidator.min.js

HTML

  <input placeholder="DD" class="form-control text-center date_field_input" id="dob_date"  name="dob_date" required type="number" max="31" min="1"> 

使用Javascript:

$('#appointment_form').bootstrapValidator({
    dob_date: {
                                validators: {
                                    notEmpty: {
                                        message: 'Please enter the date'
                                    }
                                }
                            }
});

1 个答案:

答案 0 :(得分:7)

您正在使用type =“number”,这将始终在input = 02上失败。

您可以尝试使用以下内容,

<input placeholder="DD" class="form-control text-center date_field_input" id="dob_date"  name="dob_date" required type="text" pattern="[0-9]{2}" maxlength="31">