JS 有趣的eval优化输入验证实例代码
2018-10-12 13:57
316 查看
//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字符串
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);//同样也是 "短发美女" 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 = "<li>" + list[i].fieldDesc + "不能为空</li>";
// oUl.innerHTML+=liError;
var liError = document.createElement("li");
liError.innerHTML =list[i].fieldDesc + "不能为空";
oUl.appendChild(liError);
flag = false;
}
}
}
您可能感兴趣的文章:
相关文章推荐
- JS 有趣的eval优化输入验证实例代码
- JS 有趣的eval优化输入验证
- js实例:验证只能输入数字和一个小数点
- 有趣的 验证JS只能输入正整数
- Js实现中国公民身份证号码有效性验证实例代码
- 表单验证代码实例:jquery.validate.js表单验证插件
- js实时监控文本框输入字数的实例代码
- .NET+JS对用户输入内容进行字数提示功能的实例代码
- JS输入验证代码
- JS优化For循环的实例代码
- js 和ajax 提交给服务器端的代码, 验证输入值符不符合,验证服务器传递过来的值 thinkphp
- 身份证号输入验证js代码 支持输入"x"大小写 现已解决一些身份证号不兼容问题
- JS验证邮箱格式是否正确 实例代码
- 用js实现输入提示(自动完成)的实例代码
- js实例:验证只能输入数字和一个小数点
- 用js实现输入提示(自动完成)的实例代码
- 使用JS组件实现带ToolTip验证框的实例代码
- JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
- JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
- .NET+JS对用户输入内容进行字数提示功能的实例代码