当输入框为空时，使用引导程序更改输入框的颜色

Question

我的表单正在使用bootstrap.css文件，在输入框中我添加了一个选项required=""

• 以便客户端在required=""文本框中输入数据之前提交数据
• 表格会显示警告信息，请填写该表格
• 这是我的<input type="text" name="type" id="type-1" value="buy" required="">

现在我的问题是

• 如果出现警告框，如何将该输入框设为红色

Answer 1

你只需用jquery就可以看到我的例子

<input type="text" id="demo"/>
<input type="button" id="btn" value="submit"/>

$("#btn").click(function(){
    var text = $("#demo").val();
    if(text === ""){
        $("#demo").css({"border" : "1px solid red", "color" : "red"}).val("this is required");
    }else{
        // the function you want to do with the form
    }
});

这是JSFIDDLE

你需要在此基础上建立一点，但它为你提供了基本的想法

编辑我编辑了jsfiddle以更好地工作

New JSFIDDLE