Question

求教 jquery点 击提交 判定input的表单内容为空 ，边框显示红色

Answer 1

准备一条显示验证错误的CSS样式：

.form-error {border-color: red;}

jquery判断如果是空，则加上这条样式：

$('#form1').submit(function() {  // 表单提交事件
    $(this).find(':text').each(function() {
        $(this).removeClass('form-error');
        if ($.trim($(this).val()) == '') {
            $(this).addClass('form-error');
        }
    });
});

Answer 2

给提交按钮绑定一个onclick事件，事件函数里判断input的value是否为空，哪个是空，就设置哪个input文本框的border-color属性为red。

追问

能不能 给点详细代码 呀 我是新手

追答

function check() {
var name = $("#name").val();
if (name == null || name == "") {
alert("是空");
$("#name").css("border-color", "red");
}
}

Answer 3

var str = $("#表单ID").val();
if(str==""){
$("#表单ID").css("red");
}

Answer 4

$('#btn').click(function(){
    if($('#input').val()==''){
        $('#input').css('borderColor','red');
    }
})