用jQuery.formError取代alert( )

jQuery.formError是個很簡單、很容易整合的jQuery外掛,如果原有程式有一堆表單檢核的alert( ),可以使用jQuery.formError幾乎無痛轉換的改寫成較佳的使用者介面。

首先使用其 js 檔。

 

再把alert() 換成 $(「#ID").formError():

▼ 修改前

if ($("#USERID").val() =="") {   alert("請輸入用戶帳號。");   $("#USERID").focus();   return false; } 

▼ 修改後

if ($("#USERID").val() =="") {   $("#USERID").formError("請輸入用戶帳號。");   $("#USERID").focus();   return false; } 

執行範例如下:

forError

要移除警示訊息框的方式如下:

$("#USERID").blur(function() {   if (this.value !="") {     $(this).formError({ remove: true });   } }); 

##


想在手機閱讀更多Javascript資訊?下載【香港矽谷】Android應用
分享到Facebook
技術平台: Nasthon Systems