单击提交按钮返回false不起作用

时间:2013-03-26 22:00:31

标签: jquery asp.net-mvc

相同的功能正在其他页面上工作,但在这里它调用函数,显示警报但仍然形成获得submiited并返回false不工作..... 我正在使用view razor

@using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = "multipart/form-data" }))

这是我的提交按钮

<input type="submit" value="Submit" id="demo-submit-button"/> 

非常感谢

  $(function () {
        $('form').submit(function () {
            //alert($("input[type=radio]:checked").val());
            if ($("input[type=radio]:checked").val() == "True") {
                //Logo Image
                var selectedFile = $('#imgfile').val();
                if (selectedFile == "") {
                    alert('please select valid image logo for marketplace');
                    return false;
                } 
                else {
                    var fileExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];
                    if ($.inArray($('#imgfile').val().split('.').pop().toLowerCase(), fileExtension) == -1) {
                        alert("You are permited to select only '\n.jpeg','.jpg', '.png', '.gif', '.bmp' formats are allowed.");
                        return false;
                    }
                }

                //Screenshots
                if ($('#ssimgfile').val() == "" || $('#ssimgfile1').val() == "" || $('#ssimgfile2').val() == "") {
                    alert('please select valid screenshots for marketplace');
                    return false;
                }
                else {
                    var fileExtension = ['jpeg', 'jpg', 'png', 'gif', 'bmp'];
                    if ($.inArray($('#ssimgfile').val().split('.').pop().toLowerCase(), fileExtension) == -1 || $.inArray($('#ssimgfile1').val().split('.').pop().toLowerCase(), fileExtension) == -1 || $.inArray($('#ssimgfile2').val().split('.').pop().toLowerCase(), fileExtension) == -1) {
                        alert("You are permited to select only '\n.jpeg','.jpg', '.png', '.gif', '.bmp' formats are allowed.");
                        return false;
                    }
                    else {
                        return true;
                    }
                }
            }
        });
    });

3 个答案:

答案 0 :(得分:0)

您需要“取消设置”按钮默认事件。

$('form').submit(function (event) {
  event.preventDefault();
  //Your code is here
});

答案 1 :(得分:0)

首先,您应该在表单中取消绑定提交事件。使用方式如下:

<script>
$(function () {
    $('form').unbind('submit');

    $('form')
        .bind('submit', function () {
            var form = this;
            if ($("form").valid()) {
                $.post('/you/url', $(form).serialize(), function (data) {
                    if (data.success) {
                        //to do something
                    } else {
                        //to do something
                    }
                });
            }

            return false;
        });
});

答案 2 :(得分:0)

我只是更改为表单提交以提交按钮单击,但它对我有用,但我不知道表单提交的问题是什么。

这里我改变了

 $('#demo-submit-button').click(function () {
//my code
});