日期:2014-05-16  浏览次数:20272 次

红色字体jquery
<input id="amount" name="amount" type="text">对于一个input 输入框,通过jquery实现,要考虑3种情况
1 当大于某个数字比如5000的时候
2 当输入的内容当中不全是数字的时候
3 当输入的数字不是50的倍数的时候,
鼠标离开该input 的时候出现相应的错误提示,以红色字体显示在输入框旁边,并且假如没有修改为完全符合上述3种情况的时候<input type="submit" id="subbt"  value="提交">点提交按钮依旧出现红色文字的提示,直到改为符合条件的值得时候才能正确提交

------解决方案--------------------
你给输入框加上blur事件,然后校验数据是否符合你的规则,不符合你就给出红色提示字体。
点击提交按钮的时候你可以检查页面是否有显示的红色字体来判断是否有不符合规则的数据,你也可以循环页面所有输入框来判断他们的值是否符合
------解决方案--------------------
<form onsubmit="return check(this)">
<input id="amount" name="amount" type="text" onblur="checkok(this.value)"><label style="color:Red;display:none" id="lbnote">内容不符合要求</label>
<input type="submit" id="subbt"  value="提交"> </form>
<script>
    function checkok(v) {
        var ok = true;
        if (!/^\d+$/.test(v)) ok = false;
        else {
            var i = parseInt(v, 10);
            if (i > 5000 
------解决方案--------------------
 i % 50 != 0) ok = false;
        }
        document.getElementById('lbnote').style.display = ok ? 'none' : '';
        return ok;
    }

    function check(f) {
        if (!checkok(f.amount.value)) return false;
    }
</script>