首页 / JAVASCRIPT / JS有趣的eval优化输入验证实例代码_javascript技巧

JS有趣的eval优化输入验证实例代码_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS有趣的eval优化输入验证实例代码_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2300字，纯文字阅读大概需要4分钟。

内容图文

代码如下:

//eval就是计算字符串【可以放任何js代码】里的值
//1、
var str1='12+3';
eval(str1);//15

//2、
var str2='[1,2,3]';
eval(str2[0]);//1

//3、
eval('alert("abc")');//弹出abc

//4、
var str="function show(){alert('love you');}";
eval(str);
show();

//5、eval--->json字符串

JS有趣的eval优化输入验证实例代码_javascript技巧 - 文章图片

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

代码如下:

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

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

2、平静心情，来看看html

代码如下:

用户名：

邮箱:



2.1 看如下代码

代码如下:

function validateForm() {

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


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 = "
  • " + list[i].fieldDesc + "不能为空
    • ";
    // oUl.innerHTML+=liError;
    var liError = document.createElement("li");
    liError.innerHTML =list[i].fieldDesc + "不能为空";
    oUl.appendChild(liError);
    flag = false;
    }
    }
    }

    内容总结

    以上是互联网集市为您收集整理的JS有趣的eval优化输入验证实例代码_javascript技巧全部内容，希望文章能够帮你解决JS有趣的eval优化输入验证实例代码_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

    内容备注

    版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

    内容手机端

    扫描二维码推送至手机访问。

    本文链接：https://qyyshop.com/info/317827.html

    来源：【匿名】