我可以在表单内重定向到不同的操作吗?

10 浏览
0 Comments

我可以在表单内重定向到不同的操作吗?

我是MVC的新手,目前我有一个登录页面,我正在尝试添加一个新的按钮:"创建用户",以将客户重定向到不同的操作。

这是我目前的代码:

视图:

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"?我担心如果我在form标签内添加一个按钮,它仍然会将客户重定向到"/Login/Login"。

0
0 Comments

问题的原因是在表单中使用了一个带有type为submit的按钮,导致表单在点击该按钮时自动提交。解决方法是将该按钮的type改为button,这样点击按钮时不会提交表单。然后可以使用JavaScript来实现重定向功能。在按钮的点击事件中,使用$('#createFormButton').click(function(){ some redirect here})来执行重定向操作。同时,不要直接在按钮上设置action属性,因为可能需要在其他触发器(比如表单验证)中使用该属性。

0