js 动态生成多个input框

JavaScript010

js 动态生成多个input框,第1张

这种题,主要还是静下心来,不需要要有什么思路,只要一步步来就行;

首先,点击增加,我们需要出发一个点击事件click;

然后,增行,我们需要在本行的下一行增加一个<input>,此时别想删除,等把增行做好之后,再考虑怎么删除;

最后,哪一步不会做百度一下就好。

以后遇到这种问题,如果不知道怎么解决,那么先做,哪里不会了,问问同事或以前同学,或百度,这是一个提升个人能力的过程。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title></title>

<script>

function checkTextValue(){

if(getValue('t1').indexOf(' ')!=-1)f1.innerHTML='不能包含空格'

else f1.innerHTML=''

if(getValue('t2').length<10)f2.innerHTML='不能少于10个字'

else f2.innerHTML=''

if(getValue('t3')!=getValue('t2'))f3.innerHTML='必须跟输入框2的值一样'

else f3.innerHTML=''

var str4 = getValue('t4')

var flag = false

for(var i=0i<str4.lengthi++){

var str = str4.charAt(i)

if(str.toString() == '是'){flag = truebreak}

}

if(flag)f4.innerHTML="输入的值中不能包含'是'"

else f4.innerHTML=''

}

function getValue(id){

return document.getElementById(id).value

}

</script>

</head>

<body>

输入框1:<input type="text" id="t1"><font id="f1" color=red></font><br />

输入框2:<input type="text" id="t2"><font id="f2" color=red></font><br />

输入框3:<input type="text" id="t3"><font id="f3" color=red></font><br />

输入框4:<input type="text" id="t4"><font id="f4" color=red></font><br />

<input type="button" value="验证" onclick="checkTextValue()">

</body>

</html>