使用jQuery判断输入框对应值正确性

使用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 查看本文章


猜你喜欢

转载自blog.csdn.net/u014769320/article/details/46913413