web前端|js教程
JS,eval,优化输入验证
web前端-js教程
开源版的源码下载,vscode下拉列表代码,ubuntu安装dust,tomcat监控项指标,webscraper爬虫,php 技能树,杭州seo引擎如何优化,游戏带刷网站源码,一 美食 视频网站模板下载地址lzw
//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、如果对如上用户名,邮箱验证输入验空,传统的做法
卡娃贺卡源码,vscode窗口焦点切换,ubuntu建立连接,运行Tomcat黄叉,twint爬虫,php 小案例,百度SEO动向,电商任务网站源码,html5个人主页代码模板下载lzw
var flag = true;
if (document.getElementById("txtName").value == "") {
//写入错误信息
flag = false;
}
if (document.getElementById("txtEmail").value == "") {
//写入错误信息
flag = false;
}
return flag
}
–>但是如何有很多需要验证的字段,if会有很多,而且一点都不雅观
2、平静心情,来看看html
简单校园新闻发布系统源码,ubuntu怎么访问优盘,tomcat部署微信小程序,杭电智慧爬虫,php if语句后面要空格吗,轮播图seolzw
用户名:
邮箱:
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;
}
}
}