YUI3 输入整数的验证

最新推荐文章于 2025-09-07 22:29:54 发布

weixin_30756499

最新推荐文章于 2025-09-07 22:29:54 发布

阅读量54

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/weats/p/3684652.html

本文介绍了一个使用 YUI 框架实现的 JavaScript 函数，该函数能够实时验证 HTML 输入框内的值是否为整数，并在非整数值输入时保持最近的有效整数值。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
<input type="text" id="demo" value="" maxlength="10" size="10"/>
<script src="/yui/build/yui/yui-min.js"></script>
<script type="text/javascript">

    YUI().use('node', function(Y) {

        function inputIntValid() {
            var node = Y.one('#demo'), nodeValue = node.get('value'),
                    inNodeValue = parseInt(nodeValue);

            if (!isNaN(nodeValue)) {
                if (inNodeValue !== 0) {
                    node.setAttribute('d-b-v', inNodeValue);
                    node.set('value', node.getAttribute('d-b-v'));
                } else {
                    node.set('value', node.getAttribute('d-b-v'));
                }
            } else {
                node.set('value', node.getAttribute('d-b-v'));
            }
        }

        Y.one('#demo').on(['keyup', 'blur'], inputIntValid);
    });

</script>
</body>
</html>