使用jQuery判断输入框对应值,如果是数字,请将对话框边框颜色修改为绿色(标示正确),否则修改为红色(标示错误)
HTML代码
<input type="text" value="114"><br>
<input type="text" value="110"><br>
<input type="text" value="edf"><br>
<input type="text" value="abc"><br>
CSS代码
input{
margin: 5px;
padding: 10px;
}
jQuery代码
$('input').each(function(i,n){
var isnum = n.value.match(/^\d+$/g);
if(null != isnum){
//是数字,边框变为绿色
$(n).css('border','2px solid green');
}else{
$(n).css('border','2px solid red');
}
});
最终效果
扫描二维码关注公众号,回复:
3108784 查看本文章