首頁 >開發工具 >dreamweaver >DreamWeaver CS3中SPRY的自訂驗證的程式碼
這篇文章帶給大家的內容是關於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中文網其他相關文章!