Question

当前我正在一个有两个按钮的项目中工作。 “ Windows登录”和“登录”。当我单击“ Windows登录”时，我想提交表单，然后提交，我想将模型choosenProvider的字符串属性值更改为“ Windows”。

这是我的模特：

public class LogInUserViewModel
{

    public LogInUserViewModel() { }

    [Required]
    [Display(Name = "Name")]
    public string UserName { get; set; }

    [Required]
    [DataType(DataType.Password)]
    [Display(Name = "Password")]
    public string Password { get; set; }
    public string ReturnUrl { get; set; }
    public string ChoosenProvider { get; set; } = "idsrv";
}

这是我的剃刀页面：

<body>
    <div class="background">
        <div class="login-area">
            <br />
            <div class="login-title">Control Unit Registry</div>
            <br />
            @Html.ValidationSummary(true, "", new { @class = "text-warning-login" })
            <div class="holder-form-login">
                <div class="form-group">
                    <div class="text-login">
                        @Html.LabelFor(model => model.UserName, htmlAttributes: new { @class = "control-label col-md-2" })
                        <div class="col-md-10">
                            @Html.EditorFor(model => model.UserName, new { htmlAttributes = new { @class = "input-name-login" } })
                            @Html.ValidationMessageFor(model => model.UserName, "", new { @class = "text-warning-login" })
                        </div>
                    </div>
                </div>
                <br />
                <div class="form-group">
                    <div class="text-login">
                        @Html.LabelFor(model => model.Password, htmlAttributes: new { @class = "control-label col-md-2" })
                        <div class="col-md-10">
                            @Html.EditorFor(model => model.Password, new { htmlAttributes = new { @class = "input-password-login" } })
                            @Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-warning-login" })
                        </div>
                    </div>
                </div>
            </div>
            @Html.HiddenFor(x => x.ChoosenProvider)
            <div class="form-group">
                <div class="holder-button-login">
                    <br />
                    <input type="submit" value="Login" class="button-login" />
                </div>
            </div>
            <br />
            <br />
            <div class="form-group">
                <div class="holder-button-login">
                    <br />
                    <input type="submit" value="Windows Login" class="button-login" onclick="chooseWindowsProvider()" />
                </div>
            </div>
            <br />
            <br />
            <br />
            <br />
            <div class="link-register-login">
                <a href="register">Register</a>
            </div>

        </div>
    </div>
</body>

这是我剃须刀中唯一的页面，这完全使我发疯。您可以看到我遇到过：

@Html.HiddenFor(x => x.ChoosenProvider)

和JavaScript onclick()，但它没有更改值。

总结一下：我不知道如何将choosenProvider属性值更改为“ Windows”，然后单击按钮提交表单。

感谢您的帮助。

Answer 1

Okey我终于发现了它，我希望它会在将来对某人有所帮助，也请不要以为intelisense可能会告诉您x或y函数在字段上甚至不存在，但它们确实存在。

因此解决方案是js在提交之后才执行，因此您需要做的是：

将按钮类型从<input type="button"更改为type="submit"
然后在文件末尾插入以下脚本

<script>
    function chooseWindowsProvider() {
        document.getElementById('ChoosenProvider').value = 'Windows';
        document.getElementById('loginForm').submit();
    }
</script>

所以我们基本上是从js而不是从按钮提交表单，这样我们可以在提交之前分配字符串值。

一些其他信息：

 @Html.HiddenFor(x => x.ChoosenProvider)

已经包含一个ID，因为其HTML结果为：

<input id="ChoosenProvider" name="ChoosenProvider" type="hidden" value="idsrv" />

最后是如何向表单添加ID：

@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "loginForm"}))

在Razor中单击按钮时如何更改模型值？

1 个答案: