js 动态生成多个input框

JavaScript022

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>