javascript动态添加多个input,text类型。怎样为这些input添加onblur事件,用同一个方法验证input的值?
展开全部
用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就是动态添加上去的。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询