使用像twitter bootstrap这样的jquery突出显示错误的输入字段

发布时间：2020-12-18 00:28:38 所属栏目：安全来源：网络整理

导读：我有下面的示例html代码,我试图突出显示输入字段,如twitter bootstrap中的输入字段验证 htmlhead$('#submit_form').submit(function(){ var vals = $('.validate').val() if (!vals) { console.log('Error exists'); $('.validate').attr('style',"border-ra

我有下面的示例html代码,我试图突出显示输入字段,如twitter bootstrap中的输入字段验证

<html>
<head>
$('#submit_form').submit(function(){
     var vals = $('.validate').val()
     if (!vals) 
        {
          console.log('Error exists');
          $('.validate').attr('style',"border-radius: 5px; border:#FF0000 1px solid;");
          $('.validate').val('enter a value');
        }   
});
</head>
<body>
    <form action="" method="post" id="submit_form">
      <div>
        <input class="validate" type="text" name="Name"/>
      </div>
      <input type="submit" value="Submit">
    </form>
</body>
</html>

因此,通过上面的代码,值“输入值”在字段中更新,但字段不突出显示

此外,当我检查样式属性是否已添加到输入..是,它已成功添加,但为什么该字段不突出显示

解决方法

试试这个

$('.validate').css({ "border": '#FF0000 1px solid'});

通过替换

$('.validate').attr('style',"border-radius: 5px; border:#FF0000 1px solid;");

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!