質問 > フロント機能 > 商品検索(search_products.tpl)で未入力チェック |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
momopapa |
投稿日時: 2013/11/25 11:06
対応状況: −−−
|
新米 登録日: 2013/3/22 居住地: 投稿: 5 |
商品検索(search_products.tpl)で未入力チェック お世話になります。
商品検索でキーワードが未入力の場合に商品一覧へ飛ばないようにjQueryで未入力チェックをかけようと下記のようなスクリプトをsearch_products.tplに埋め込みました。 ------------------------------ <script type="text/javascript"> $(function(){ $("form").submit(function(){ var err = 0; if($("input[name='name']").val()==""){ if($("span#name").css("color") != "red"){ $("input[name='name']").css("border","1px solid red").after("<span id='name'> 検索ワードは?</span>"); $("span#name").css("color","red"); } err = 1; } if(err==1){ return false; } }); // end of submit }); </script> ---------------------------- それでチェックは出来るようになったのですが、このためにmypageへのログインができなくなってしまいました。 メールアドレス・パスワードを入力しても、「検索ワードは?」となって商品検索へフォーカスされてしまいます。 このスクリプトのform -> search_form にしてみたりしますが上手くいきません。 どこを直せばいいのやら・・・?という状態に陥ってしまいました。 どなたかご指導よろしくお願いします。 |
DELIGHT |
投稿日時: 2013/11/25 11:12
対応状況: −−−
|
仙人 登録日: 2010/2/3 居住地: 熊本県・九州・長野県・関東甲信越 投稿: 572 |
Re: 商品検索(search_products.tpl)で未入力チェック 引用:
$('form') ですとページ内全てのform要素に対してsubmitイベントが設定されるので、 classやid、nameで識別する必要があります。 http://semooh.jp/jquery/api/selectors/ EC-CUBEというよりjQueryの範疇ですね。
|
momopapa |
投稿日時: 2013/11/25 13:52
対応状況: −−−
|
新米 登録日: 2013/3/22 居住地: 投稿: 5 |
Re: 商品検索(search_products.tpl)で未入力チェック ありがとうございました。
search_products.tplの<form>が<div id="search_area">であることから、$('form') → $('#search_area')とすることで解決しました。 jQueryの勉強をもっとしなければ!と思いました。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |