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

标签 jquery validation input highlight

我有下面的示例 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;");

关于jquery - 使用像 twitter bootstrap 这样的 jquery 突出显示错误的输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20266941/

相关文章:

javascript jQuery 获取对象键

javascript - Datatables 不会重新加载 json 数据

javascript - 如何允许文本区域的双向编辑和实时预览

c - 返回由从输入读取的行组成的字符串

javascript - 如何使用 Ajax 和 HTML 结构来回显自动完成选项?

validation - 覆盖 AngularJS URL 验证器

javascript - Jquery Validate 并不总是返回 true

php - 锂和验证复杂形式的输入 - 如何?

android - 删除非 APP 网站中的 Android 输入橙色边框

Silverlight - 输入格式不正确。 - 哪个资源文件有这段文字?