项目开发中遇到的--Bug知识整理!
2016-08-19 13:31
417 查看
问题:<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"> </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%"> <!--------- 注意这里设置了一个 ------------> <span class="cn_red" empty="请输入学习卡卡号!" style="display: none"> </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> <!----------注意这里设置了一个 -----------> <span class="cn_red" empty="请输入学习卡密码!" style="display: none"> </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知识整理!
- 6、android开发中遇到的bug整理
- [置顶] java开发中遇到的Bug整理
- 在Andorid开发项目中遇到的Bug记录(续)
- 开发iWatch时遇到的bug,可能是因为项目名中含有中文
- 用eclipse开发项目时遇到的常见错误整理,和配套解决方案(1)
- iOS开发中的错误整理,通过storyboard做项目,遇到view看不见,或者view被压缩的情况
- 用eclipse开发项目时遇到的常见错误整理,和配套解决方案
- 此项目开发过程中遇到的基础知识
- 整理下维护别人项目遇到的Bug或者错误写法
- 用eclipse开发项目时遇到的常见错误整理,和配套解决方案
- iOS BUG整理-记录我近期视频开发遇到的问题
- ibatis 项目开发中遇到奇怪bug解决集
- 开发项目遇到的bug
- 在一个开源项目的开发中遇到的问题
- 在一个开源项目的开发中遇到的问题
- 在一个开源项目的开发中遇到的问题
- 在一个开源项目的开发中遇到的问题
- 在一个开源项目的开发中遇到的问题
- ASP开发中可能遇到的错误信息中文说明大全(整理收集)第1/2页