2 ash881025 ash881025 于 2014.11.26 14:49 提问

js判断是否是必填项---葙

如果该是必填项,显示红色;否则 是黑色。也就是说,如果填了,满足条件就通过,否则 重填。

6个回答

showbo
showbo   Ds   Rxr 2014.11.26 15:05

写一个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>
zenson_g
zenson_g   2014.11.26 14:59

是否是必填项,根据需求来定的
“如果该是必填项,显示红色;否则 是黑色。也就是说,如果填了,满足条件就通过,否则 重填。”你已经描述的很清楚了,我猜测你是在问代码怎么写么?
在提交表单时去检查一下,如果填了,满足条件就通过,否则 提示是必填项。
代码就不给了,自己动手。

chinmo
chinmo   Rxr 2014.11.26 15:01

这个得看具体的吧

一般就是
if(变量==''){
alert('不能为空');//当然,这里也可以换做其他的操作,比如把文本框的边框变红色document.getElementById("文本框ID").style.border="1px solid red";
return false
}

dongxinxi
dongxinxi   Rxr 2014.11.26 15:47

.error{background:#f00; border:1px solid red}
input {border-width:0}

shijing266
shijing266   2014.11.27 10:40

判断有没有input的值是不是空的呗,如果是空,控制样式变红

melvek
melvek   2014.12.03 15:53

实时操作可以用 propertyChange及input事件搞定

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!