解决方案 »
- window.open()打开的窗口如何捕捉它的关闭事件?
- 看一段正则的意思
- jquery随鼠标移动能显示图片当前坐标位置的问题?
- 请教大师,做一个悬停div,跟随浏览器大小自动放在可见的右边
- 一个页面想用js设置成vml页面怎么控制html里的xmlns:V
- [高分][紧急][在线等]请问可不可以在ajax中使用lightwindow~谢谢~
- 小问题,怎么样获得多行文本框内的文字已经有多少行了?
- web页面问题,不知道有没有高手帮忙解答?
- javascript能不能实现把当前浏览器窗口转到一个新的url并同时给那个url发送一些数据?
- 请问:
- 求:js随机生成0-51之间30个不同的数字
- 这个js该如何写
document.getElementById().innerHTML="填写正确"就是这两句
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function () {
var oForm = document.getElementById("zhuce");
var oInput = oForm.getElementsByTagName("input");
var oSpan = oForm.getElementsByTagName("span");
for (var i = 0; i < oInput.length; i++) {
if (oInput[i].value == "") {
(function (i) {
oInput[i].onblur = function () {
oSpan[i].innerHTML = "不能为空";
}
})(i);
}
else {
document.getElementById().innerHTML = "填写正确";
}
}
};
</script>
</head>
<body>
<form id="zhuce" action="#" method="post">
<input type="text" /><span></span><br />
<input type="text" /><span></span><br />
<input type="text" /><span></span><br />
<input type="text" /><span></span><br />
<input type="text" /><span></span><br />
<input type="text" /><span></span><br />
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload = function () {
var oForm = document.getElementById("zhuce");
var oInput = oForm.getElementsByTagName("input");
var oSpan = oForm.getElementsByTagName("span");
for (var i = 0; i < oInput.length; i++) {
if (oInput[i].value == "") {
oInput[i].onblur = function () {
this.nextSibling.innerHTML = "不能为空";
}
}
else {
oInput[i].nextSibling.innerHTML = "填写正确";
}
}
};
</script>
</head>
<body>
<form id="zhuce" action="#" method="post">
<input type="text" /><span></span><br />
<input type="text" /><span></span><br />
<input type="text" /><span></span><br />
<input type="text" /><span></span><br />
<input type="text" /><span></span><br />
<input type="text" /><span></span><br />
</form>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>无标题文档</title>
</head>
<body>
<form id="zhuce" action="#" method="post">
<input type="text" onBlur="checkForm(0)" /><span></span><br />
<input type="text" onBlur="checkForm(1)" /><span></span><br />
<input type="text" onBlur="checkForm(2)" /><span></span><br />
<input type="text" onBlur="checkForm(3)" /><span></span><br />
<input type="text" onBlur="checkForm(4)" /><span></span><br />
<input type="text" onBlur="checkForm(5)" /><span></span><br />
</form>
<script type="text/javascript">
var oForm = document.getElementById("zhuce"),
oInput = oForm.getElementsByTagName("input"),
oSpan = oForm.getElementsByTagName("span"); function checkForm(n){
var Val = oInput[n].value;
if( Val=="" || Val==null ){
oSpan[n].innerHTML = "不能为空"
}else oSpan[n].innerHTML = "填写正确";
}
</script></body>
</html>
<script type="text/javascript">
window.onload = function () {
var oForm = document.getElementById("zhuce");
var oInput = oForm.getElementsByTagName("input");
var oSpan = oForm.getElementsByTagName("span");
for (var i = 0; i < oInput.length; i++) {
if (oInput[i].value == "") {
oInput[i].onblur = function () {
if (this.value == "") {
this.nextSibling.innerHTML = "不能为空";
}
else {
this.nextSibling.innerHTML = "填写正确";
}
}
}
else {
oInput[i].nextSibling.innerHTML = "填写正确";
}
}
};
</script>
这个成功了原来还要在里面再加一个if和else。。才行。
oInput[i].value=="" 和 this.value==""这两个有啥区别吗?
这个成功了原来还要在里面再加一个if和else。。才行。
oInput[i].value=="" 和 this.value==""这两个有啥区别吗?
oInput[i]是数组对象,onblur事件里的this指向事件触发的input对象
这个成功了原来还要在里面再加一个if和else。。才行。
oInput[i].value=="" 和 this.value==""这两个有啥区别吗?
oInput[i]是数组对象,onblur事件里的this指向事件触发的input对象
外面的else可以去掉了
window.onload=function(){
var oForm = document.getElementById("zhuce"),
oInput = oForm.getElementsByTagName("input"),
oSpan = oForm.getElementsByTagName("span"),
len = oInput.length;
for(var i=0;i<len;i++){
oSpan[i].innerHTML = oInput[i].value.length==0
? "不能为空"
: "填写正确";
(function (i) {
oInput[i].onblur = function () {
oSpan[i].innerHTML= this.value.length==0 ? "不能为空" : "填写正确";
}
})(i);
}
} 不用闭包的话,就换个角度考虑下,因为你的设计中input与span是一一对应的进行绑定的,为免文本节点造成的空节点,就不考虑使用节点查找了.给input附加一个index属性来保留其索引值,然后对应的span自然就出来了window.onload=function(){
var oForm = document.getElementById("zhuce"),
oInput = oForm.getElementsByTagName("input"),
oSpan = oForm.getElementsByTagName("span"),
len = oInput.length,
_set = function(obj1,obj2){
obj2.innerHTML = obj1.value.length==0 ? "不能为空" : "填写正确";
},
_blur = function(e){
e = e || window.event;
var target = e.target || e.srcElement;//获取到事件源
_set(target,oSpan[target.index]);
};
for(var i=0;i<len;i++){
_set(oInput[i],oSpan[i]);//输出提示
oInput[i].index = i; //将元素的索引值作为index属性附加至元素上
oInput[i].onblur = _blur;//绑定事件
}
}