亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在不使用提交按鈕的情況下檢測 PHP 表單的任何更改

在不使用提交按鈕的情況下檢測 PHP 表單的任何更改

PHP
絕地無雙 2022-01-24 10:00:37
我需要幫助?,F在我嘗試創建一個可以檢測 PHP 表單中的任何更改值的函數?,F在我正在使用 CodeIgniter。我對此進行了更詳細的解釋。我做一個電子商務網站。如果用戶在購物車頁面中并更改了數量但用戶尚未結帳并且仍想瀏覽更多......當用戶必須更改數量并按到另一個頁面時。它將顯示彈出警報。此彈出警報具有保存更改數量的功能。但是如果用戶沒有改變任何東西。不應顯示彈出警報。我已經在菜單中設置了這個。<?php echo form_open('order_products_execute', 'class="order_form"'); ?>                <?php include(VIEWPATH.'_order_parts.html') ?>                <div class="common_btn_area">                    <input type="hidden" name="branch_id" value="<?php echo $branch_id; ?>">                    <button type="button" class="add_cart_more">add more</button>                    <button type="submit" class="common_save_btn confirmation">Order</button>                </div><?php echo form_close(); ?><!-- footer menu --><ul>    <li>       <a href="<?php echo base_url('top/'); ?>" class="footer_link" onclick="ExitCart('<?php echo base_url('top/'); ?>')" >         <span>Home</span>       </a>    </li>    <li>       <a href="<?php echo base_url('product/'); ?>" class="footer_link" onclick="ExitCart('<?php echo base_url('product/'); ?>')" >         <span>Product</span>       </a>    </li></ul>并設置腳本<script>function ExitCart(link){            var $form = $('.order_form');                                    }                                }                            });                        }else{                            #if confirm not                            location.href = link;                        };                    }else{                        return true;                    }                }            });}</script>當我實現這個 ajax 代碼時,有時代碼可以工作。但有時并非如此。是否有任何代碼可以檢測表單的任何更改。但沒有按下提交按鈕。
查看完整描述

2 回答

?
幕布斯6054654

TA貢獻1876條經驗 獲得超7個贊

在 jQuery 中,您可以綁定所有輸入更改


$('.order_form input').change(functon(){

var $form = $('.order_form');


            #code for compare previous value with changing value

            $.ajax( {

                type: $form.attr('method'),

                url : "/buyer/ajax/compare_form_add_cart",

                dataType : "json",

                data : $form.serialize(),

                success : function(resultdata) {

                    if(resultdata){

                        if(confirm("Do you want to save your changes?")){

                            #if confirm yes

                            $.ajax({

                                type: 'post',

                                url: '/buyer/Ajax/add_order_data_in_cart_session',

                                data: $('.order_form').serialize(),

                                dataType: 'json',

                                success: function(res, textStatus, xhr){

                                    if(res.result) {

                                        location.href = link;

                                    } else {

                                        $( "#loading_layer" ).css('display', 'none');

                                        alert('Failed to save cart data. Please try again.');

                                    }

                                }

                            });

                        }else{

                            #if confirm not

                            location.href = link;

                        };

                    }else{

                        return true;

                    }

                }

            });

})


查看完整回答
反對 回復 2022-01-24
?
呼啦一陣風

TA貢獻1802條經驗 獲得超6個贊

例如,您需要復制輸入字段


// Input Field (TEXT)

< input type="text" id="input1" value="Same Value" />


// Hidden Input for comparison

< input type="hidden" value="Same Value" />

在點擊功能上,您應該比較這些字段,例如


function ExitCart(link){

     // Get Input Value

     var val = $.trim($('#input1').val());


    // Get Reference Value from next input

    var valChk = $.trim($('#input1').next().val());


    if(val != valChk) {

        YOUR CODE HERE

    }    

}


查看完整回答
反對 回復 2022-01-24
  • 2 回答
  • 0 關注
  • 165 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號