我是 MVC 的新手，目前我有一個登錄頁面，我正在嘗試添加一個新按鈕：“創建用戶”以將客戶端重定向到不同的操作。
到目前為止，這些是我的代碼：
看法：
<form class="login-form" action="/Login/Login" method="POST">
<div class="login-form__content">
<div class="login-form__header">Login to your account</div>
<input class="login-form__input" type="text" name="username" placeholder="Username">
<input class="login-form__input" type="password" name="password" placeholder="Password">
<button class="login-form__button" type="submit">Login</button>
</div>
</form>
CSS
.login-form,
.login-form * {
box-sizing: border-box;
}
.login-form {
max-width: 350px;
margin: 0 auto;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.login-form__content {
padding: 30px;
background: #eeeeee;
}
.login-form__header {
margin-bottom: 15px;
text-align: center;
color: #333333;
}
.login-form__input {
width: 100%;
margin-bottom: 10px;
padding: 10px;
border-radius: 5px;
border: 2px solid #dddddd;
background: #ffffff;
outline: none;
transition: border-color 0.5s;
}
.login-form__input:focus {
border-color: #0366d6;
}
.login-form__input::placeholder {
color: #aaaaaa;
}
.login-form__button {
padding: 10px;
color: #ffffff;
font-weight: bold;
background: #46a7e0;
width: 100%;
border: none;
outline: none;
border-radius: 5px;
cursor: pointer;
}
.login-form__button:active {
background: #46a7e0;
}
.login-form__links {
margin-top: 15px;
text-align: center;
}
如何在表單中添加一個按鈕，該按鈕不會將客戶端引導至 action="/Login/Login" 而是引導至另一個動作，例如 action="Login/Create" ？我擔心如果我在里面添加一個按鈕，它仍然會繼續將客戶端重定向到“/Login/Login”。
uj5u.com熱心網友回復：
一開始我也遇到了同樣的問題。只需使用帶有型別按鈕的按鈕而不是像這樣提交
<form class="login-form" action="/Login/Login" method="POST">
<div class="login-form__content">
<div class="login-form__header">Login to your account</div>
<input class="login-form__input" type="text" name="username" placeholder="Username">
<input class="login-form__input" type="password" name="password" placeholder="Password">
<button class="login-form__button" type="submit">Login</button>
</div>
</form>
<button id="createFormButton" class="create-form__button" type="button">Create User</button>
此按鈕不會提交您的表單，您可以使用 $('#createFormButton').click(function(){ some redirect here})
也不要在此按鈕中放置直接操作，因為您可能需要將其用于其他一些觸發器，稍后也可用于驗證。
uj5u.com熱心網友回復：
最簡單的方法
<a href=""/Login/Create">
<button class="login-form__button">Create</button>
</a>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/321740.html
標籤：html asp.net-mvc