如果该是必填项,显示红色;否则 是黑色。也就是说,如果填了,满足条件就通过,否则 重填。
是否是必填项,根据需求来定的
“如果该是必填项,显示红色;否则 是黑色。也就是说,如果填了,满足条件就通过,否则 重填。”你已经描述的很清楚了,我猜测你是在问代码怎么写么?
在提交表单时去检查一下,如果填了,满足条件就通过,否则 提示是必填项。
代码就不给了,自己动手。
这个得看具体的吧
一般就是
if(变量==''){
alert('不能为空');//当然,这里也可以换做其他的操作,比如把文本框的边框变红色document.getElementById("文本框ID").style.border="1px solid red";
return false
}
写一个css控制输入框的背景色,表单提交的时候进行验证,不通过就添加样式,否则去掉那个错误样式,或者blur进行验证也行
<style>
.error{background:#f00}
</style>
<script>
function checkInput(o) {
o.className = o.value == '' ? 'error' : '';
return o.className == '';
}
function check(f) {
var ok = true;
if (!checkInput(f.name)) ok = false;
if (!checkInput(f.pwd)) ok = false;
return ok;
}
</script>
<form onsubmit="return check(this)">
<input type="text" name="name" onblur="checkInput(this)"/>*<br />
<input type="text" name="pwd" onblur="checkInput(this)"/>*<br />
<input type="text" name="addr" /><br />
<input type="submit" />
</form>
.error{background:#f00; border:1px solid red}
input {border-width:0}
判断有没有input的值是不是空的呗,如果是空,控制样式变红
实时操作可以用 propertyChange及input事件搞定