JS有趣的评价评价优化输入验证实例代码

复制代码代码如下：//eval就是计算字符串【可以放任何射流研究…代码】里的值//1、var str 1=' 12 ^ 3 eval(ST R1)；//15//2、var str2='[1，2，3]'；eval(str 2[0])；//1//3、eval(' alert(' ABC '))；//弹出abc//4、var str='function show(){alert('爱你');}';eval(str)；show()；//5、eval - json字符串

1、如果对如上用户名，邮箱验证输入验空，传统的做法复制代码代码如下：var标志=真；if(文档。getelementbyid(' Txtname ').value=='') { //写入错误信息flag=false} if(文档。getelementbyid(' TxTemail ').value=='') { //写入错误信息flag=false}返回标志} -但是如何有很多需要验证的字段，如果会有很多，而且一点都不雅观2、平静心情，来看看超文本标记语言复制代码代码如下：用户名：输入类型=' text ' id=' Txtname ' name=' name '/br/邮箱：输入类型=' text ' id=' TxTemail ' name=' email ' value=' '/br/输入类型=' button ' value='验证onclick='validateForm()'/2.1看如下代码复制代码代码如下：函数验证表单(){ var NameV=表单1。名字。value()} alert(NameV)；//如果我们在文本框输入'短发美女，弹出来肯定是'短发美女' //继续nameV=eval('形式1。名字。value()')；警报(NameV)；//同样也是'短发美女' 5 }3、封装复制代码代码如下：函数FormField(fieldName，fieldDesc) {//将变化者属性字段和描述封装起来这个。字段名称=字段名称；这个。菲尔德desc=菲尔德desc；}字符串。原型。mytrim=function(){//去除首尾空格返回this.replace(/^\s | \ s $/g ' ')；}函数验证表单(){ var OUl=document。getelementbyid(' ulError ')；oUl.innerHTML=var list=新数组(//以后只需要验证为空的只需要在数组中增加一个对象即可新表单域('名称','用户名),新的表单域('电子邮件'，'邮箱') );定义变量标志=真；for(var I=0；一、清单。长度；i ) { var fv=eval('form1 ' .清单[i].字段名称。值');//执行评价评价运算if (fv==null ||！fv .MyTrim()) { //记录错误信息//var liError='li' list[i].字段描述不能为空/李；//OUl。InnerHTML=LiErrorvar LiError=文档。create element(' Li ')；liError.innerHTML=list[i].字段描述不能为空；乌尔。append child(LiError)；flag=false} }}