首頁  >  文章  >  開發工具  >  DreamWeaver CS3中SPRY的自訂驗證的程式碼

DreamWeaver CS3中SPRY的自訂驗證的程式碼

不言
不言轉載
2018-09-29 16:01:054946瀏覽

這篇文章帶給大家的內容是關於DreamWeaver CS3中SPRY的自訂驗證的程式碼,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

近兩日,用了DreamWeaver CS3中的SPRY組件。發現,它能自動的對一些輸入進行前台認證。還算比較方便,它內建了一些驗證的內容,例如:數位驗證、字串驗證、郵遞區號驗證、日期驗證等等。

不過,美中不足的是,它內建的一些驗證,在中國的實際應用中並不是很大,因為它提供的一些驗證都是以美國的標準來的,和中國的標準還有些差距。  

這時,唯一想到就是擴充它的驗證。修改它的程式碼就不想了,自己水平不夠。看看有沒有其他的方法。在網路上找了一些資料後,經過自己的實踐,終於成功了。現將程式碼賦予其後。  

<span id="sprytextfield1">
<input type="text" name="text1" id="text1"  />
<span class="textfieldRequiredMsg">需要提供一个值。</span>
 <span class="textfieldInvalidFormatMsg">数据无效。</span></span>

這是你手動拖曳一個SPRY的文字方塊驗證的產生一段程式碼。  

後面是一段宣告SPRY的程式碼 

<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField
("sprytextfield1", "custom", {validateOn:["blur"],validation:EXT});
//-->
</script>

最後的validation:EXT是我手動新增的,表示SPRY的驗證是透過呼叫EXT這個函數來實現。 EXT傳回True,表示驗證通過,EXT傳回False表示驗證不通過。 (EXT是函數名,可以自己另外定義,不過這種方法似乎不能傳遞參數) 

<script language="javascript">
var EXT = function(){
var objReg=/(13)(\d{9})/;
        t=form1.text1.value;
return objReg.test(t);
    }
</script>

上面這段程式碼,表示驗證text1的內容時候符合中國的手機號碼。

我們可以透過修改EXT函數來達到自訂驗證的效果。例如:驗證密碼框和重複密碼框中的內容是否一樣。  

<script language="javascript">
var EXT = function(){
return (form1.Pass.value==form1.RePass.value);
    }
</script>

以上是DreamWeaver CS3中SPRY的自訂驗證的程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:cnblogs.com。如有侵權,請聯絡admin@php.cn刪除