ASP.net MVC submit Button Adding Class issue

Question

I want to add style class to my submit button, like this I can use bootstrap Modal to show the result in this modal. This is my code :

@model pfebs0.Models.StatModel

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    ...
    <p>
        <button type="submit" class="mybtn" >Get</button>
        ..
}

<div id="modalDiv" class="modal fade" >
    <div class="modal-dialog"></div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script>
        $(function () {
            $.ajaxSetup({ cache: false });
            $('.mybtn').click(function () {
                $('.modal-dialog').load(this.href, function () {
                    $('#modalDiv').modal({
                        backdrop: 'static',
                        keyboard: true
                    }, 'show');
                    bindForm(this);
                });
                return false;
            });
        });
    </script>
}

The problem when I add the class class="mybtn" my form is not submitted any more when I click on it, If I remove class="mybtn" the button works fine.
Also I have tried to use this : <input type="submit" value="Create" class="mybtn" /> but same problem

remove "return false;" from script tag

Ibrahim Khan
– Ibrahim Khan

2014-05-27 18:44:14 +00:00
Commented May 27, 2014 at 18:44 — Ibrahim Khan
– Ibrahim Khan, Commented May 27, 2014 at 18:44
@Azim no this dosn't work for me

Chlebta
– Chlebta

2014-05-30 19:49:30 +00:00
Commented May 30, 2014 at 19:49 — Chlebta
– Chlebta, Commented May 30, 2014 at 19:49

Volkan Seçkin Akbayır · Accepted Answer · 2014-05-26 18:38:07Z

1

That is because you are returning false in your script, which prevents form to submit or go any further.

<script>$(function () {

            $.ajaxSetup({ cache: false });
            $('.mybtn').click(function () {
                $('.modal-dialog').load(this.href, function () {
                    $('#modalDiv').modal({
                        backdrop: 'static',
                        keyboard: true
                    }, 'show');
                    bindForm(this);
                });
                return false; // you should disable it or find another way to do 
            });
});
    </script>

answered May 26, 2014 at 18:38

Volkan Seçkin Akbayır

6585 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chlebta Over a year ago

Sorry but how to do that ?

Chlebta Over a year ago

Also Is it possible to send Data without using form ?

Collectives™ on Stack Overflow

ASP.net MVC submit Button Adding Class issue

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related