发表于: 2019-07-13 23:38:30

1 864


今日完成:

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之间

onkeypress="keyPress()"

function keyPress() {    
    var keyCode = event.keyCode;    
    if ((keyCode >= 48 && keyCode <= 57))    
   {    
       event.returnValue = true;    
    } else {    
       event.returnValue = false;    
   }    
}

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 继续优化任务二到四



返回列表 返回列表
评论

    分享到