国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS 有趣的eval優(yōu)化輸入驗(yàn)證實(shí)例代碼

2024-05-06 15:52:16
字體:
供稿:網(wǎng)友
這篇文章介紹了eval優(yōu)化輸入驗(yàn)證實(shí)例代碼,有需要的朋友可以參考一下

復(fù)制代碼 代碼如下:


//eval就是計(jì)算字符串【可以放任何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優(yōu)化輸入驗(yàn)證實(shí)例代碼

1、如果對如上用戶名,郵箱驗(yàn)證輸入驗(yàn)空,傳統(tǒng)的做法

復(fù)制代碼 代碼如下:


var flag = true;
            if (document.getElementById("txtName").value == "") {
                //寫入錯誤信息
                flag = false;
            }
            if (document.getElementById("txtEmail").value == "") {
                //寫入錯誤信息
                flag = false;
            }
            return flag
        }


-->但是如何有很多需要驗(yàn)證的字段,if會有很多,而且一點(diǎn)都不雅觀

2、平靜心情,來看看html

復(fù)制代碼 代碼如下:


用戶名:<input type="text" /><br />
郵箱:<input type="text" value="" /><br />
  <input type="button" value="驗(yàn)證" />


   2.1 看如下代碼  

復(fù)制代碼 代碼如下:


function validateForm() {

            var nameV = form1.name.value()
            alert(nameV);// 如果我們在文本框輸入"短發(fā)美女",彈出來肯定是"短發(fā)美女" 
              //繼續(xù)
              nameV=eval('form1.name.value()');
              alert(nameV);//同樣也是 "短發(fā)美女"  5 }


3、封裝

復(fù)制代碼 代碼如下:


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
            (
               //以后只需要驗(yàn)證為空的 只需要在數(shù)組中增加一個對象即可
               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");//執(zhí)行eval運(yùn)算
                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;
                }
            }
}

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 通渭县| 香格里拉县| 海伦市| 永德县| 夹江县| 镶黄旗| 滨州市| 迁西县| 屯昌县| 台南县| 怀远县| 宜章县| 榆树市| 农安县| 夹江县| 巴彦淖尔市| 兴化市| 合作市| 安庆市| 泸州市| 彭山县| 师宗县| 丹东市| 内黄县| 南部县| 吉水县| 宝清县| 万年县| 桐乡市| 梅河口市| 乌海市| 博野县| 永仁县| 西林县| 台州市| 宝山区| 双峰县| 邛崃市| 余姚市| 自贡市| 布拖县|