先上代码
//校验姓名
function checkName() {
//1.获取name输入框的值
var name = $("#name").val();
//3.校验给出提示信息
var flag=false;
if (name==null){
$("#name").css("border","1px red solid");
}else {
flag=true;
$("#name").css("border","");
}
//4.返回
return flag;
}
一个js的表单验证,在测试时发现当name框内没有值时css并没有发生变化,搜索很久后解决了该问题:将if (name==null)
换为if (name.trim()=="")
,即可,trim用于去除字符串两端多余空格,防止空格也能通过