//eval就是计算字符串【可以放任何js代码】里的值
、 var str1='12+3';
eval(str1);// 、 var str2='[1,2,3]';
eval(str2[]);// 、eval('alert("abc")');//弹出abc 、var str="function show(){alert('love you');}";
eval(str);
show(); 、eval--->json字符串

1、如果对如上用户名,邮箱验证输入验空,传统的做法

    var flag = true;
if (document.getElementById("txtName").value == "") {
//写入错误信息
flag = false;
}
if (document.getElementById("txtEmail").value == "") {
//写入错误信息
flag = false;
}
return flag
}

-->但是如何有很多需要验证的字段,if会有很多,而且一点都不雅观

2、平静心情,来看看html

   用户名:<input type="text" id="txtName" name="name" /><br />
邮箱:<input type="text" id="txtEmail" name="email" value="" /><br />
<input type="button" value="验证" onclick="validateForm()" />

2.1 看如下代码

  function validateForm() {

             var nameV = form1.name.value()
alert(nameV);// 如果我们在文本框输入"短发美女",弹出来肯定是"短发美女"
//继续
nameV=eval('form1.name.value()');
alert(nameV);//同样也是 "短发美女"
 }

3、封装

        function FormField(fieldName, fieldDesc) {//将变化者 属性字段和描述封装起来
this.fieldName = fieldName;
this.fieldDesc = fieldDesc;
}
String.prototype.MyTrim = function () {//去除首尾空格
return this.replace(/^\s+|\s+$/g, '');
}
function validateForm() { var oUl = document.getElementById("ulError");
oUl.innerHTML = "";
var list = new Array
(
//以后只需要验证为空的 只需要在数组中增加一个对象即可
new FormField("name", "用户名"),
new FormField("email", "邮箱")
);
var flag = true;
for (var i = 0; i < list.length; i++) {
var fv = eval("form1." + list[i].fieldName + ".value");//执行eval运算
if (fv == null ||!fv.MyTrim()) {
//记录错误信息
// var liError = "<li>" + list[i].fieldDesc + "不能为空</li>";
// oUl.innerHTML+=liError;
var liError = document.createElement("li");
liError.innerHTML =list[i].fieldDesc + "不能为空";
oUl.appendChild(liError);
flag = false;
}
}
}

最新文章

  1. Unity3D 脚本手册
  2. NOIP2001统计单词个数[序列DP]
  3. chrome调试命令模式
  4. JDK的安装及部署配置(配图解)
  5. Android Studio运行程序出现Session ‘app’: Error Launching activity 解决办法
  6. uva729
  7. iOS 从手机相册里选取图片
  8. top.location.href和localtion.href有什么不同
  9. C#打开指定路径文件对话框
  10. HOWTO: Be more productive
  11. Mysql学习(慕课学习笔记9)查询、分组
  12. 经典HTML5小游戏 支持各种浏览器 (围住神经猫)
  13. 每天一个linux命令(39)--ifconfig命令
  14. 开发人员的福音:微软、谷歌、Mozilla将他们所有的web API文档放在同一个地方
  15. Javascript获取数组中最大和最小值
  16. Windows Server 2019 预览版介绍
  17. 暴走Python之运算符与条件语句
  18. thinkphp3.2在nginx下的配置
  19. 类Shiro权限校验框架的设计和实现(2)--对复杂权限表达式的支持
  20. 搭建MySQL高可用负载均衡集群(转)

热门文章

  1. sysbench测试阿里云ECS云磁盘的IOPS,吞吐量
  2. Flask - app的配置和实例化Flask的参数
  3. 【hdu 2036】改革春风吹满地
  4. java后台处理解析json字符串的两种方式
  5. POJ - 3541 - Given a string…
  6. 【ACM】hdu_1089_A+BI_201307261121
  7. Java重载和覆盖
  8. ORA-12547错误
  9. MySQL 调优 —— Using filesort
  10. 菜鸟nginx源代码剖析数据结构篇(十) 自旋锁ngx_spinlock