2017-09-26 58 views
0

在一个经典的ASP.NetMVC项目我想将注册链接功能移动到一个按钮。 (所以点击按钮时发生的注册点击事件就会发生)。够简单!我做了以下。如何从JavaScript调用默认的注册方法?在asp.net mvc?

Login.cshtml

<div class="form-group col-md-8 col-md-push-1"> 
    <div class="row"> 
     <input type="submit" value="Log in" class="btn btn-primary" /> 
     <input type="button" value="Register" class="btn btn-primary" onclick="register();"/> 
    </div> 
</div> 

添加脚本到同一页面

<script type="text/javascript"> 
    function register() { 
     $.ajax({ 
      url: "@Url.Action("Register", "Account")", 
      success: function (data) { 
       alert('success'); 
      }, 
      type: 'GET' 
     }); 
    } 
</script> 

现在账户控制器的注册函数有两个重载

public ActionResult Register() 
{ 
    return View(); 
} 

public async Task<ActionResult> Register(RegisterViewModel model) 
{ 
    if (ModelState.IsValid) 
    { 
     var geUser = new User { Password = model.Password, Username = model.Email, AccessLevel = "0003", LoggedIn = false, Active = true, AllowOffline = false, LastSettingsRefreshed = DateTime.Now }; 

     var user = new ApplicationUser() { UserName = model.Email, Email = model.Email, user = geUser}; 
     IdentityResult result = await UserManager.CreateAsync(user, model.Password); 
     if (result.Succeeded) 
     { 
      await SignInAsync(user, isPersistent: false); 

      // For more information on how to enable account confirmation and password reset please visit http://go.microsoft.com/fwlink/?LinkID=320771 
      // Send an email with this link 
      // string code = await UserManager.GenerateEmailConfirmationTokenAsync(user.Id); 
      // var callbackUrl = Url.Action("ConfirmEmail", "Account", new { userId = user.Id, code = code }, protocol: Request.Url.Scheme); 
      // await UserManager.SendEmailAsync(user.Id, "Confirm your account", "Please confirm your account by clicking <a href=\"" + callbackUrl + "\">here</a>"); 

      return RedirectToAction("Index", "Home"); 
     } 
     else 
     { 
      AddErrors(result); 
     } 
    } 

    // If we got this far, something failed, redisplay form 
    return View(model); 
} 

小号o现在我想调用第二个函数而不是第一个函数...

  • 如何从JavaScript传递RegisterViewModel?或
  • 由于目前我打电话没有参数的功能,我可以改变它,使它重定向到注册页面?

RegisterViewModel

public class RegisterViewModel 
{ 
    [Required]   
    [Display(Name = "Username")] 
    public string Email { get; set; } 

    [Required] 
    [StringLength(100, ErrorMessage = "The {0} must be at least {2} characters long.", MinimumLength = 6)] 
    [DataType(DataType.Password)] 
    [Display(Name = "Password")] 
    public string Password { get; set; } 

    [DataType(DataType.Password)] 
    [Display(Name = "Confirm password")] 
    [Compare("Password", ErrorMessage = "The password and confirmation password do not match.")] 
    public string ConfirmPassword { get; set; } 
} 

enter image description here

+0

开始通过将其更改为'type:'GET''。但是你没有显示'RegisterViewModel'的视图的相关部分,所以它不可能告诉如何发送与该模型相关的数据。 –

+0

并返回RedirectToAction(“Index”,“Home”);'在你的POST方法中没有意义 - 它和ajax调用和ajax调用都不会重定向。你为什么要做一个Ajax调用而不是一个正常的提交,为什么你在同一个bview中同时登录和注册表单? –

+0

嗨斯蒂芬。我已添加RegisterViewModel – Samra

回答

0

所以我只是使用由斯蒂芬·马克建议操作链接,而不是按钮和使它看起来像一个按钮控制