Home Why I get error when I submit login form using jQuery Post?
Reply: 0

Why I get error when I submit login form using jQuery Post?

user9623 Published in September 19, 2018, 3:17 am

I have this partial view:

@model GeomindEnterprise.Models.LoginViewModel

<div class="row">
    <div class="col-md-6 col-sm-6 col-xs-6">
        <!-- /SOCIAL LOGIN -->
        @using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "sky-form", role = "form" }))

            <fieldset class="nomargin">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1">

                        @Html.ValidationSummary(true, "", new { @class = "text-danger" })

                        <label class="input margin-bottom-10">
                            <i class="ico-append fa fa-envelope"></i>
                            @Html.TextBoxFor(m => m.UserName, new { @placeholder = "Email" })
                            @Html.ValidationMessageFor(m => m.UserName, "", new { @class = "text-danger" })

                        <label class="input margin-bottom-10">
                            <i class="ico-append fa fa-lock"></i>
                            @Html.PasswordFor(m => m.Password, new { placeholder = "Password" })
                            @Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })

                        <label class="form-group">
                            @Html.CheckBoxFor(m => m.RememberMe, new { @class = "col-md-1" })
                            @Html.LabelFor(m => m.RememberMe)

                            <button type="submit" onclick="myFunction()" class="btn btn-default noradius pull-right"><i class="fa fa-check"></i> OK, LOG IN</button>



When I click button submit, this javascript method is called:

 function myFunction() {      
            type: "POST",
            url: '@Url.Action("Login", "Account")',
            contentType: "application/json; charset=utf-8",
            data: jQuery('form').serialize(),
            datatype: "json",
            success: function (data) {
            error: function () {
                alert("Dynamic content load failed.");

The javascript method above calls this action:

// POST: /Account/Login
public async Task<ActionResult> Login(LoginViewModel model, string returnUrl)
    //some logic

When the acction Login is called I get this error:

    The required anti-forgery form field "__RequestVerificationToken" is not present.

Any idea why I get this error?And how to fix it?

share|improve this question
  • @adiga, That is not a dupe (the token is included when using .serialize() – Stephen Muecke Nov 14 '17 at 10:17
  • @StephenMuecke didn't see the serialize part. Will retract the cv. – adiga Nov 14 '17 at 10:17

3 Answers 3

active oldest votes
up vote 1 down vote accepted
You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.357421 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO