javascript动态添加多个input,text类型。怎样为这些input添加onblur事件,用同一个方法验证input的值?

 我来答
handangaoyang
2013-06-24 · TA获得超过2242个赞
知道大有可为答主
回答量:2633
采纳率:88%
帮助的人:887万
展开全部

用JQuery.js库的live()方法,为这些动态添加的input绑定onblur()事件就可以了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="JS/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("input.abc").live("blur", function () {
                alert("失去焦点");
            });
        });
        
        function test() {
            var inputHtml = "<input type='text' class='abc' /><br />";
            inputHtml += "<input type='text' class='abc' /><br />";
            $("body").append(inputHtml);
        }
    </script>
</head>
<body>
    <input type="button" value="动态添加input" onclick="test()" />
</body>
</html>

这个是我实现的一个小例子,两个input就是动态添加上去的。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式