是否有可能在没有冲突的情况下解决与prototype.js和jquery.js的这种冲突?

时间:2012-01-26 01:02:11

标签: javascript dom javascript-events prototypejs jquery

对于我在prototype.js中使用的手机验证...

<body onload="Xaprb.InputMask.setupElementMasks()">

实际上是旧版本(1.4),升级到(1.7)不起作用。这是放在页面中的代码......

<script type="text/javascript" language="javascript">
//<![CDATA[
if ( typeof(Xaprb) == 'undefined' ) {
   Xaprb = new Object();
}

Xaprb.InputMask = {
masks: {
phone: {
         format: '(   )   -    ',
        regex:  /\d/
      }
      },
      setupElementMasks: function() {
      if ( document.getElementsByClassName ) { // Requires the Prototype library
         document.getElementsByClassName('input_mask').each(function(item) {
            Event.observe(item, 'keypress',
               Xaprb.InputMask.applyMask.bindAsEventListener(item), true);
         });
      }
   },
   applyMask: function(event) {
      var match = /mask_(\w+)/.exec(this.className);
      if ( match.length == 2 && Xaprb.InputMask.masks[match[1]] ) {
          var mask = Xaprb.InputMask.masks[match[1]];
     var key  = Xaprb.InputMask.getKey(event);

         if ( Xaprb.InputMask.isPrintable(key) ) {
            var ch      = String.fromCharCode(key);
            var str     = this.value + ch;
            var pos     = str.length;
        if ( mask.regex.test(ch) && pos <= mask.format.length ) {
           if ( mask.format.charAt(pos - 1) != ' ' ) {
              str = this.value + mask.format.charAt(pos - 1) + ch;
           }
           this.value = str;
        }
        Event.stop(event);
     }
  }
  },
   isPrintable: function(key) {
      return ( key >= 32 && key < 127 );
   },
   getKey: function(e) {
      return window.event ? window.event.keyCode
           : e            ? e.which
           :                0;
   }
};
//]]>
</script>

原谅我,但如果遗漏一些简单的话,我对这个主题相当新。它基本上验证了客户输入的电话号码。这位于http://www.comparediabetictestingsupplies.com,实际上迫使滑块通过jreviews不起作用(这是一个Joomla!CMS)。我还想补充一点,我在prototype.js中将所有75'$'更改为'_'。

1 个答案:

答案 0 :(得分:0)

我最终找到了与prototype.js 1.6.1一起使用的prototype.maskedinput.js。这最终改变了代码,但不仅解决了与jquery的冲突,还解决了mootools。您可以在https://github.com/bjartekv/MaskedInput/blob/master/prototype.maskedinput.js

找到来源