2012-01-30 34 views
0

我曾在prototype.js中工作,但它與一些腳本文件衝突。這是我如何使用http://digitalbush.com/projects/masked-input-plugin/我在掩碼輸入插件(jquery)中缺少的功能,用於電話號碼驗證?

<script src="jquery.js" type="text/javascript"></script> 
<script src="jquery.maskedinput.js" type="text/javascript"></script> 

<script type="text/javascript" language="javascript"> 

    jQuery(function($){ 
    $("#phone").mask("(999)999-9999"); 
    $.mask.definitions['~']='[+-]'; 
    $("#eyescript").mask("~9.99 ~9.99 999"); 
    }); 

</script> 

這顯然是缺少基於我在prototype.js中的腳本的東西,這是一個例子,我不得不刪除其設置在新的腳本。

<script type="text/javascript" src="/media/system/js/prototype.js"></script> 
<script type="text/javascript" src="/media/system/js/prototype.maskedinput.js"></script> 

<script type="text/javascript"> 
Event.observe(window, 'load', function() { 

    new MaskedInput('#phone', '(999)999-9999'); 

    new MaskedInput('#eyescript', '~9.99 ~9.99 999', { 
     completed: function(){ 
      alert("You typed the following: " + this.getValue()); 
     } 
    }); 

    MaskedInput.definitions['~']='[+-]'; 

    new MaskedInput('#eyescript2', '~9.99 ~9.99 999', { 
     completed: function(){ 
      alert("You typed the following: " + this.getValue()); 
     } 
    }); 
}); 
</script> 

就像我說的,這個劇本做了工作,但給了我太多的東西(的mootools/jQuery的)衝突,所以我想爲這個動作代替了jQuery版本的工作,看看它是否解決了問題。

回答

0

我能得到它與該工作...

<script type="text/javascript">// <![CDATA[ 
    jQuery(function($) { 
    $.mask.definitions['~']='[+-]'; 
    $('#phone').mask('(999)999-9999'); 
    $("#product").mask("a*-999-a999",{placeholder:" ",completed:function(){alert("You typed the following: "+this.val());}}); 
    $("#eyescript").mask("~9.99 ~9.99 999"); 
    }); 
// ]]&gt;</script>