JS 有趣的eval優化輸入驗證實例程式碼_javascript技巧

複製程式碼 程式碼如下:

//evaljs程式碼】裡的值
//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;


var flag = true;

var flag = true;

var flag = true;

var flag = true;var flag = true;

var flag = true;


var flag = true;

var flag = true;

                //寫入錯誤訊息          }            if (document.getElementById("txtEmail").value = = "") {                //寫入錯誤訊息           >            return flag        }

-->但如何有許多需要驗證的字段，if會很多，而且一點都不雅觀
2、平靜心情，來看看html

複製程式碼

代碼如下:

使用者名稱：
郵箱:
     2.1 請看以下程式碼  

複製程式碼 程式碼如下:function validateForm() {             var nameV = form1.name.value()                   //繼續              nameV=eval('form1.name.value()');            🎜> 複製程式碼 程式碼如下:

function FormField(fieldName, fieldDesc) {//將變更者屬性欄位與說明封裝起來
           🎜>        }
String.prototype.MyTrim = function () {//去除首尾空格
            return this.replace(/^s |s $/g, '');
  {

            var oUl = document.getElementById("ulError");
        list = new Array
            (
               //且日後中只需要確認為空的只需要在陣列中增加一個物件即可
               new FormField("name", "使用者名稱"),
               );
            var flag = true;
            for (var i = 0; i           運算
                                  var liError = "

" list[i].fieldDesc "不能為空

";
//                    oUl.innerHTML =liError;                    liError.innerHTML =list[i].fieldDesc "無法為空白";
                    oUl.appendChild(liError);
                  }
            }
}


}
}