質問 > その他 > 商品詳細ページのスマホ時のカートへの遷移について |
その他
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
mm202106 |
投稿日時: 2023/8/21 11:04
対応状況: −−−
|
半人前 登録日: 2021/7/8 居住地: 投稿: 21 |
商品詳細ページのスマホ時のカートへの遷移について 項目が選択されていない場合、PCでは「項目が選択されていません」とうエラーメッセージが表示されるのですが、スマホの場合表示されません。
以下、関係していそうなjsです。 <script> $(function() { $('.add-cart').on('click', function(event) { // 規格1フォームの必須チェック if ($('#classcategory_id1').val() == '__unselected' || $('#classcategory_id1').val() == '') { $('#classcategory_id1')[0].setCustomValidity('項目が選択されていません'); return true; } else { $('#classcategory_id1')[0].setCustomValidity(''); } // 個数フォームのチェック if ($('#quantity').val() < 1) { $('#quantity')[0].setCustomValidity('1以上で入力してください。'); return true; } else { $('#quantity')[0].setCustomValidity(''); } event.preventDefault(); $form = $('#form1'); $.ajax({ url: $form.attr('action'), type: $form.attr('method'), data: $form.serialize(), dataType: 'json', beforeSend: function(xhr, settings) { // Buttonを無効にする $('.add-cart').prop('disabled', true); } }).done(function(data) { // レスポンス内のメッセージをalertで表示 $.each(data.messages, function() { $('#ec-modal-header').html(this); }); $('#ec-modal-checkbox').prop('checked', true); // カートブロックを更新する $.ajax({ url: "https://www.crastina.jp/block/cart", type: 'GET', dataType: 'html' }).done(function(html) { $('.ec-headerRole__cart').html(html); }); }).fail(function(data) { alert('カートへの追加に失敗しました。'); }).always(function(data) { // Buttonを有効にする $('.add-cart').prop('disabled', false); }); }); }); </script> |
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
» 商品詳細ページのスマホ時のカートへの遷移について | mm202106 | 2023/8/21 11:04 |
Re: 商品詳細ページのスマホ時のカートへの遷移について | mcontact | 2023/8/21 18:08 |
Re: 商品詳細ページのスマホ時のカートへの遷移について | mm202106 | 2023/8/22 11:15 |
Re: 商品詳細ページのスマホ時のカートへの遷移について | mcontact | 2023/8/22 12:08 |