发表于: 2019-07-13 23:38:30
1 863
今日完成:
1 了解了键盘事件
2 对任务十五进行修改
今日收获:
昨天了解到使用正则表达式可以控制input的value的值
今日了解键盘事件之后,又增加了一样
下面是对比:
1 使用input表达:
<input type="number" name="points" min="0" max="10" step="3" value="6" />
以上表达的是只输入数字,数字范围在0-10之间
或者
<input type="number" oninput="if(value>30)value=30;if(value.length>2)value=value.slice(0,2);if(value<0)value=0" />
意思是输入的值在0-30之间,如果超过最大值,则赋值为最大值,若小于最小值,则输出最小值
2使用键盘事件监听输入的数字在48到57之间
3 使用正则表达式
<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " name="f_order"
value="1"/>
或者使用以下代码代替:
/^[1-9]\d{0,2}$/
意思是第一个数字不能为0的两位数
明日计划:
1 再准备一下小课堂
2 继续优化任务二到四
评论