在输入字段中输入的限制数字

这个 jquery.mask.min.js 图书馆

因此,我建议使用 Inputmask :

$('[data-type="dateofbirth"]').inputmask({alias: 'datetime', inputFormat: 'dd/mm/yyyy'});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/Inputmask/4.x/dist/jquery.inputmask.bundle.js"></script>


<input type="text" data-type="dateofbirth" maxLength="10" class="form-control" placeholder="dd/mm/yyyy">

1. 使用 <select> :

<select>
    <option>1</option>
    <option>2</option>
    <option>...</option>
    <option>31</option>
</select>

2. <input type="number" min="1" max="31"> :

<label>Day
<input type="number" min="1" max="31" step="1" value="1" />
</label>
<label>Month
<input type="number" min="1" max="12" step="1" value="1" />
</label>
<label>Year
<input type="number" min="1900" max="2018" step="1" value="2018" />
</label>

注意:并非所有浏览器都支持 number

您希望验证您的输入,而不是hmlt5所能做的,因此像jQuery validate这样的插件将是一个好主意。

首先,确认你的出生日期,瞬间.js将使其变得简单:

moment(document.getElementById('bday1').value, 'DDMMYYY').isValid() moment(document.getElementById('bday1').value, 'DDMMYYY').year() <= 2018 moment(document.getElementById('bday1').value, 'DDMMYYY').year() <= moment().year()

要将此绑定到jQuery validate中,可以添加以下内容作为jQuery validate的自定义方法,并为“日期”输入设置规则 validBirthDate : true

$.validator.addMethod('validBirthDate', function(value){
    return moment(value, 'DDMMYYY').isValid() && moment(value, 'DDMMYYY').year() <= moment().year();
})

试试这个。。。

$('[data-type="dateofbirth"]').mask({
   alias: 'datetime',
   inputFormat: 'dd/mm/yyyy',
   min: '31/12/1900',
   max: '31/12/2018'
});