1. 程式人生 > >專案開發中遇到的--Bug知識整理!

專案開發中遇到的--Bug知識整理!

====第一個Bug====》》  目前測試出現在IE7,IE6中。

    問題:<button></button>標籤,經測試,不相容IE7,IE6. (個人建議不要使用button標籤)

    解決方案:改成<input type="button" value="提交">

複製程式碼
//ajax表單提交操作  
$("form").submit(function () {
            if ($("#ddlArea").val() === "0" && $("#ddlProvince").val() === "0" && $("#ddlCity
").val() === "0" && $("#trainingName").val().length === 0) { alert("請輸入考點名稱"); return false; } var formdata = $(this).serialize(); $.ajax2({ url: location.href, type: 'GET', data: formdata, success: function (html) { $("#trainingList
").html(html); }, error: function () { $("#trainingList").html("出錯了"); } }, "#trainingList"); return false; //此操作是為了,阻止表單提交 });
複製程式碼

====第二個Bug====》》Jquery中的 :Visible,如果沒有給值,Visible 是不起效果的,至少是我發現的

 注意html程式碼中的一句 <span

class="cn_red" empty="請輸入學習卡卡號!" style="display: none">&nbsp;</span>

 Html程式碼如下

複製程式碼
          <form action="/card/Binding" id="frmActivate" method="post">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="cn_conxx_table">
                        <tr>
                            <td width="25%">
                                <span class="cn_conxx_16px yahei">請輸入學習卡卡號:</span>
                            </td>
                            <td width="40%">
                                <input name="cardnum" type="text" class="cn_conxx_input" /><span id="tipSpan"></span>
                            </td>
                            <td width="34%">
                                <!---------  注意這裡設定了一個 &nbsp;------------>
                                <span class="cn_red" empty="請輸入學習卡卡號!" style="display: none">&nbsp;</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="cn_conxx_16px yahei">請輸入學習卡密碼:</span>
                            </td>
                            <td>
                                <input name="cardpwd" type="password" class="cn_conxx_input" /><span id="tipSpan"></span>
                            </td>
                            <td>
                                 <!----------注意這裡設定了一個 &nbsp;----------->
                                <span class="cn_red" empty="請輸入學習卡密碼!" style="display: none">&nbsp;</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                            </td>
                            <td valign="bottom">
                                <div class="cn_closebtn yahei">
                                    <a href="javascript:;" id="btnSubmit">確 定</a><a href="#" class="a1">取 消</a>
                                </div>
                            </td>
                            <td>
                            </td>
                        </tr>
                    </table>
                    </form>
複製程式碼

Js程式碼如下

複製程式碼
 $(function () {
        $(':text,:password').bind('blur', function () {
            var tips = $(this).closest('tr').find('.cn_red');
            if ($.trim($(this).val()).length === 0) {
                $(this).siblings().show().messagebox($(tips).attr("empty"), "", 1500, 1, { style_tipsyinner: "padding:5px;width:150px;background:#336699",
                isFade: false });
                $(tips).show();
            } else {
                $(this).siblings().hide();
                $(tips).hide();
            }
        });
        $("#btnSubmit").click(function () {
            if ($("#frmActivate").attr('submitFlag') === '1') {
                return true;
            }
             
            //**********注意這裡**********
            $(':text,:password').trigger('blur');
            if ($('.cn_red:visible').length > 0) { return false; }
            //*******************

            var data = $('form').serialize();
            $.post('/card/activateform', data, function (json) {
                if (json === 1) {
                    $("#frmActivate").attr('submitFlag', '1').submit();
                }
                else if (json === 0) {
                    $("body").messagebox("卡號密碼錯誤!", "", 500, 3, { style_tipsyinner: "padding:20px 28px;background:#ff6600" });
                }
                else {
                    $("body").messagebox("引數錯誤!", "", 500, 3, { style_tipsyinner: "padding:20px 28px;background:#ff6600" });
                }
            });
            return false;
        });
    });
複製程式碼

第三個Bug,正在進行中>>>>>>>>>>>>>>>

jquery操作 checkbox 是不相容的:

單選:jquery版本 1.5.2 ----1.8.3

複製程式碼
<script type="text/javascript" src="jquery.1.8.3.js"></script>
<script type="text/javascript">
    $(function(){
        $(':checkbox[name=chkbox]').each(function(){
            $(this).click(function(){
                if($(this).attr('checked')){
                    $(':checkbox[name=chkbox]').removeAttr('checked');
                    $(this).attr('checked','checked');
                }
            });
        });
    });
  </script>
複製程式碼

單選:jquery版本 1.9 以上操作

複製程式碼
 //單選事件checkbox,完美解決
            $(":checkbox[name=chkbox]").unbind().bind("click", function () {
                if ($(this).attr('checked')) {
                    $(this).removeAttr('checked');
                }
                else {
                    //選中
                    var _thisIndex = $(this).index();
                    $(":checkbox[name=chkbox]").each(function (j) {if (_thisIndex != j) {
                            $(":checkbox[name=chkbox]").eq(j).removeAttr("checked");
                        }
                        else {
                            $(this).attr('checked', 'checked');
                        }
                    });
                }
            });
        });
複製程式碼

相關推薦

專案開發遇到的--Bug知識整理

====第一個Bug====》》  目前測試出現在IE7,IE6中。     問題:<button></button>標籤,經測試,不相容IE7,IE6. (個人建議不要使用button標籤)     解決方案:改成<input type="button" value="提交"

Java專案開發一些BUG的總結

1,JVM Bind 2, hbm主鍵生成策略錯誤: Struts Problem Report Struts has detected an unhandled exception: Messages: ids for this class must be

vue 專案開發的一些bug

1.Property or method "handleSelectionChange" is not defined..... vue定義方法需要定義在key為methods欄位裡面 2.hamburger元件從頭部移動選單欄 不能顯示 解決:選單檔案引入hambur

上萬行程式碼級專案開發快速定位導致程式崩潰的bug的方法

一個專案在開發除錯階段,已經有上萬行程式碼了,但是過程中往往會遇到讓人頭痛的bug,程式莫名其妙的奔潰了,bug在哪裡呢? [NSNull length]: unrecognized select

專案開發常用的git命令及使用流程

git的基本命令 下載&初始化 git clone //從遠端倉庫下載檔案 git init //在需要上傳的檔案下初始化倉庫 對檔案進行操作 git add <filename> //將資料夾下的所有檔案上傳到工作區 , *表示上傳所有 git com

專案開發dev、test和prod是什麼意思

開發環境(dev):開發環境是程式猿們專門用於開發的伺服器,配置可以比較隨意,為了開發除錯方便,一般開啟全部錯誤報告。 測試環境(test):一般是克隆一份生產環境的配置,一個程式在測試環境工作不正常,那麼肯定不能把它釋出到生產機上。 生產環境(prod):是值正式提供對外服務的,一般會關掉錯誤報告,開啟

vue專案開發使用mixins

mixins的使用 個人理解mixins就是定義一部分公共的方法或者計算屬性,然後混入到各個元件中使用,方便管理與統一修改 1.在assets資料夾下建立一個js檔案 // 建立一個需要混入的物件 export const mixinTest1 = { c

部落格園專案開發的難點

1.註冊檢視 一般註冊是通過form表單形式post提交資料,資料一般通過class欄位過濾值看clean_data來獲取的 過濾欄位類(放在view視圖裡) class UserForm(forms.Form): user=forms.CharField(max_length=32,

【解決問題策略】在專案開發,尋找適合的解決途徑

一,論述 在平時的開發中,遇到複雜的問題,總是會腦子亂成一堆,不知道先從哪方面入手。但如果是自己先用文件記錄思考過程,將每一步的步驟都寫下來,又感覺很浪費時間,很糾結。 最近看了一篇文章,我覺得對我還是挺有啟發的。覺得以前自己思維太過死板了。不懂得逐漸分析問題,細化問題。下

Java Web專案開發從0開始的要點

前言 本文章詳細的列出了開發一個傳統JavaWeb專案需要注意的要點,從環境準備開始到三層架構搭建,需要注意的地方全部羅列出來。 第一部分:環境準備 1. Maven命令建立web骨架 mvn archetype:create -DgroupId=ne

vue實際專案開發,公共js(全域性引入)檔案如何寫,如何引入到入口檔案main.js

公共js檔案,比如commen.js通過export default暴露出來export default { install(Vue,options){  Vue.prototype.方法名=function(){}}在入口檔案main.js引入import comm form './assets/js/c

Web專案開發常見安全問題及防範

計算機程式主要就是輸入資料 經過處理之後 輸出結果,安全問題由此產生,凡是有輸入的地方都可能帶來安全風險。根據輸入的資料型別,Web應用主要有數值型、字元型、檔案型。 要消除風險就要對輸入的資料進行檢查,對於Web應用來說,檢查的位置主要是前端和後端。前端檢查只能防止正常狀況,沒法防止通過工具、程式繞開前端

Android開發遇到的一些問題

編譯報錯:The android.dexOptions.incremental property is deprecated and it has no effect on the build process. android.dexOptions.incremental屬性已被棄

SpringBoot 實際專案開發工廠模式的巧妙使用

簡單工廠模式:          簡單工廠模式是建立型模式,建立型模式顧名思義,也就是說在建立物件的時候,遇到了瓶頸才會選擇的設計模式。那麼該什麼情況使用呢。    簡單工廠模式的實質是由一個工廠類根據傳入的引數

詳解Vuex在Vue.js專案開發的應用

       Vue.js是國內當下十分流行的一個前端Web框架,具有豐富的組建和庫支援,其中Vuex可以說是最為重要的一個了,但是,在一些專案中,我們甚至都不會用到Vuex,所有Vue開發者有時候就會忽略掉這樣一個重要的組建,今天我就結合自己的學習過程,對Vuex做一個總結

web專案開發初始化basePath

web專案中我們幾乎所有頁面都會有對靜態資源的引用,而所有引用都需要資源的地址,但是所有地址的前半部分都是相同的,所以我們可以把這部分叫做basePath,可以在專案啟動的時候獲取到專案的basePat

專案開發的貝塞爾曲線

本文由鄒啟文授權網易雲社群釋出。 郵箱大師PC版中,設計師提出了一個很妙的想法: 發信時,出現一個飛機,從寫信中央飛往進度目的地。  附加要求: 1,飛行曲線,飛機先加速,然後減速抵達終點 2,飛行途中,需要轉換飛機朝向 3,飛行途中,飛機漸漸變小 

Java專案開發關於classpath路徑的理解

在做專案的過程中,經常會遇到在classpath下載入配置檔案,但是對於classpath的理解確一直很模糊。 1、專案src路徑下的.java檔案編譯之後的檔案會存放在WEB-INF/classes路徑下,預設的classpath路徑即為WEB-INF/cla

Vue專案開發非常實用的圖片拖動排序外掛awe-dnd

專案中遇到一個需求; 電商管理平臺新增商品的時候需要上傳或者選擇商品輪播圖展示的圖片,這裡涉及到圖片的排序問題;一開始只能自己寫了一個點選左移或者右移的效果; 後面找到這個元件,能非常簡單的實現拖動排序的效果 安裝依賴包 npm install awe-dn

PHP開發那些bug

1、關於編輯器的 phpstorm是一款強可大的編輯器,大家都知道使用phpstorm會帶來非一般的感覺,以前我非常不習慣使用快捷鍵,後來發現使用快捷鍵不僅能提高開發的效率,同時能夠減少bug的出現。 ctrl+shift+n 快速開啟一個檔案。 alt+ctrl+l