バージョン選択

フォーラム

メニュー

オンライン状況

30 人のユーザが現在オンラインです。 (18 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 30
もっと...

サイト内検索

質問 > フロント機能 > 商品検索(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の範疇ですね。


----------------
+ DAISY inc. -------------------- +
EC-CUBE構築・カスタマイズサービス
EC・WEB構築などお気軽にご相談ください。

デイジー株式会社
http://daisy.link/

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の勉強をもっとしなければ!と思いました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,939名です
総投稿数は110,016件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1296
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.