问题描述
- js判断是否是必填项---葙
- 如果该是必填项,显示红色;否则 是黑色。也就是说,如果填了,满足条件就通过,否则 重填。
解决方案
写一个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>
解决方案二:
是否是必填项,根据需求来定的
“如果该是必填项,显示红色;否则 是黑色。也就是说,如果填了,满足条件就通过,否则 重填。”你已经描述的很清楚了,我猜测你是在问代码怎么写么?
在提交表单时去检查一下,如果填了,满足条件就通过,否则 提示是必填项。
代码就不给了,自己动手。
解决方案三:
这个得看具体的吧
一般就是
if(变量==''){
alert('不能为空');//当然,这里也可以换做其他的操作,比如把文本框的边框变红色document.getElementById(""文本框ID"").style.border=""1px solid red"";
return false
}
解决方案四:
.error{background:#f00; border:1px solid red}
input {border-width:0}
解决方案五:
判断有没有input的值是不是空的呗,如果是空,控制样式变红
解决方案六:
实时操作可以用 propertyChange及input事件搞定
时间: 2024-12-18 08:40:25