2017-01-23 32 views
1

我正在使用Magento並希望禁用搜索欄上的回車鍵。我的代碼是低於搜索欄:如何禁用搜索欄上的回車鍵

<form id="search_mini_form" action="<?php echo $catalogSearchHelper->getResultUrl() ?>" method="get"> 
    <div class="input-box"> 
     <label for="search"><?php echo $this->__('Search:') ?></label> 
     <input id="search" type="search" name="<?php echo $catalogSearchHelper->getQueryParamName() ?>" value="<?php echo $catalogSearchHelper->getEscapedQueryText() ?>" class="input-text required-entry" maxlength="<?php echo $catalogSearchHelper->getMaxQueryLength();?>" placeholder="<?php echo $this->quoteEscape($this->__('Search entire store here...')) ?>" /> 
     <button type="submit" title="<?php echo $this->quoteEscape($this->__('Search')) ?>" class="button search-button"><span><span><?php echo $this->__('Search') ?></span></span></button> 
    </div> 

    <div id="search_autocomplete" class="search-autocomplete"></div> 
    <script type="text/javascript"> 
    //<![CDATA[ 
     var searchForm = new Varien.searchForm('search_mini_form', 'search', ''); 
     searchForm.initAutocomplete('<?php echo $catalogSearchHelper->getSuggestUrl() ?>', 'search_autocomplete'); 
    //]]> 
    </script> 
</form> 

關於如何做到這一點的任何想法?

+0

http://stackoverflow.com/questions/11235622/jquery-disable-form-:

$('#search_mini_form').on('keyup keypress', function(event) { var key = event.keyCode || event.which; if (key === 13) { event.preventDefault(); return false; } }); 

defaul標籤下把這個在你的模塊layout.xml提交輸入 –

回答

0

使用JQuery in Magento

<layout> 
    <default> 
     <reference name="head"> 
      <action method="addJs"> 
       <script>custom.js</script> 
      </action> 
     </reference> 
    </default> 
</layout> 
+0

嗨丹尼爾,我會在哪裏放置這段代碼? – user6072116

+0

不適用於此 – user6072116

+0

這並不容易,它取決於magento版本和環境設置,但這應該有所幫助。 –