欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

红色字体jquery,该怎么处理

更新时间: 2014-01-05 01:51:51 责任编辑: Author_N1

 

红色字体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>
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:51:51
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2195/
本文WWW.DOC100.NET DOC100.NET版权所有。