这是我写的登录页面代码
<form class="layui-form" action="" style="text-align: center;">
<div class="layui-form-item">
<label class="layui-form-label">输入框</label>
<div class="layui-input-block">
<input style="margin-left: -100px;margin-top: 10px;" type="text" placeholder="请输入账号">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码框</label>
<div class="layui-input-inline">
<input style="margin-top: 10px;" type="password" placeholder="请输入密码">
</div>
<div class="layui-form-item">
<label class="layui-form-label">职业</label>
<div class="layui-input-block">
<input type="radio" name="name1" value="0" title="学生">
<input type="radio" name="name1" value="1" title="教师">
<input type="radio" name="name1" value="2" title="管理员">
</div>
</div>
<input type="submit" class="layui-btn layui-btn-normal" value="登录" />
<input type="submit" class="layui-btn layui-btn-normal" value="重置" />
</form>
```(https://img-ask.csdn.net/upload/201908/24/1566628864_825598.png),代码运行是这样的
我要通过选择学生 教师 管理员再点击登录按钮进去各自的界面,求各位大佬帮忙!尽量具体点
(对了我用的是ssm+mysql)
是不是要了解怎么实现ssm登录,可以参考下:https://www.jianshu.com/p/63c1b1a6a32e,
可以在controller层处理不同radio跳转不同的页面。
看你用的是 sumbit 类型的按钮,那么 form 表单中所有的表单数据都会被发送到后台的。
你的 from 表单的 action 属性需要设置成你后台登陆的 URL ,需要在你的 Action 处理类中接收 radio 这个参数的值,对应重定向到相应的页面。
不要用submit提交
<input id="username" style="margin-left: -100px;margin-top: 10px;" type="text" placeholder="请输入账号">
<input id="password" style="margin-top: 10px;" type="password" placeholder="请输入密码">
<input type="radio" name="name1" value="0" title="学生">
<input type="radio" name="name1" value="1" title="教师">
<input type="radio" name="name1" value="2" title="管理员">
<button onclick="login()">登录</button>
function login(){
var username = $("#username").val();
var password = $("#password").val();
var radioVal = $('input:radio:checked').val();
console.log(username + '---' + password + '------' + radioVal);
$.ajax({
type: "GET",
url: "xx/xx/xxx",
data: {username:username, password:password,radioVal:radioVal},
dataType: "json",
success: function(data){
//如果用户密码登录成功
//这里可以加判断跳转页面
if(radioVal == '0'){
//跳转到学生页面
}else if(radioVal == '1'){
//跳转到教师页面
}else if(radioVal == '2'){
//跳转到管理员页面
}
}
});
}
登录
function login(){
var username = $("#username").val();
var password = $("#password").val();
var radioVal = $('input:radio:checked').val();
console.log(username + '---' + password + '------' + radioVal);
$.ajax({
type: "GET",
url: "xx/xx/xxx",
data: {username:username, password:password,radioVal:radioVal},
dataType: "json",
success: function(data){
//如果用户密码登录成功
//这里可以加判断跳转页面
if(radioVal == '0'){
你在actIon获取到radio的值,根据这个值来进行跳转到相应的界面不就好了吗