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

发布网友发布时间：2022-04-23 19:52

共4个回答

热心网友时间：2022-04-25 03:52

准备一条显示验证错误的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');
        }
    });
});

热心网友时间：2022-04-25 05:10

给提交按钮绑定一个onclick事件，事件函数里判断input的value是否为空，哪个是空，就设置哪个input文本框的border-color属性为red。追问能不能给点详细代码呀我是新手

追答

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

热心网友时间：2022-04-25 06:45

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

热心网友时间：2022-04-25 08:36

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

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

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