首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >停止表单提交(jQuery)

停止表单提交(jQuery)
EN

Stack Overflow用户
提问于 2011-12-10 22:51:27
回答 3查看 212关注 0票数 0

我试图用Javascript/jQuery停止提交表单,并使用:

代码语言:javascript
复制
$('form#checkRepair').submit(function() {
    return false;
});

这在所有浏览器中都能实现,但在(版本8)中不起作用。在版本9中,有效。

有人知道问题出在哪里吗?

我使用的是jQuery版本1.6.4。

代码语言:javascript
复制
$('form#checkRepair').submit(function() {
    var nrObra = $('#nrObra').val();
    var nrDocCliente = $('#nrDocCliente').val();

    if((nrObra == '' || nrObra == 'Número de Reparação') 
        && (nrDocCliente == '' || nrDocCliente  == 'Doc. Cliente')) {
        $('form#checkRepair .error').show();
        return false;
    }

    $('form#checkRepair .error').hide();

    var nrJoja = $('#nrLoja').val();

    $(this).hide();
    $('#loader').show();

    var url = "http://uri.com";

    $.get(url, function(data) {
        if(typeof data.error != 'undefined') {
            $('#status_repair_error div').html('<h1>Ocorreu um Erro</h1>' + data.error);
            $('#status_repair_error').css('display', 'block');
            $('#status_repair').hide();
        } else {            
            $('#status_repair #repair-number span').text(data.repair.SAT_OBRANR);
            $('#status_repair #repair-state span').text(data.repair.situacao);
            $('#status_repair #repair-reason span').text(data.repair.motivo);
            $('#status_repair #product-name span').text(data.repair.produto);
            $('#status_repair #product-model span').text(data.repair.modelo);
            $('#status_repair #product-mark span').text(data.repair.marca);
            $('#status_repair #product-nrSerie span').text(data.repair.NSerieE);
            $('#status_repair #date-repair span').text(data.repair.dt_Pronta);
            $('#status_repair #date-lifting span').text(data.repair.dt_Entrega);
            $('#status_repair #client-name span').text(data.repair.cliente.nome);

            $("#status_repair li").each(function(index) {
                var text = $(this).children("span").text();
                if(text == '')
                    $(this).hide();
            });

            $('#nrObra').val('');
            $('#nrDocCliente').val('');
            $('#nrLoja').val('');
        }

        $.colorbox({
            inline:true, innerWidth:"960px", open: true, href: "#status_repair_container",
            onClosed:function(){ 
                $('form#checkRepair').show();
                $('#loader').hide();
                $('#status_repair_error').hide();
                $('#status_repair').show();
            }
        });
    }, 'jsonp');
    return false;
});
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-01-14 15:27:54

这个问题出现在网页里。

票数 -1
EN

Stack Overflow用户

发布于 2011-12-10 22:53:40

您试过使用preventDefault()方法吗?

代码语言:javascript
复制
$('form#checkRepair').submit(function(e) {
    e.preventDefault();
});
票数 2
EN

Stack Overflow用户

发布于 2011-12-10 22:54:10

试试这个:

代码语言:javascript
复制
$("form#checkRepair").submit(function(event) {

/* stop form from submitting normally */
event.preventDefault();

});         
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8460556

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档