Question

我正在我网站的登录页面上工作。使用相同的登录页面，用户和管理员可以登录到网站，根据表单操作可以设置的方式，我给出了两个选项（复选框），但无法正常启动。表格是这个

<form method="post" id="loginForm">
    Username <input placeholder="email" class="form-control" name="email" id="email" type="text" required=""> 
        Password <input placeholder="Password" id="password" class="form-control" name="password" type="password">
        <input type="checkbox" id="user" checked="checked"> User 
        <input type="checkbox" id="adminAction"> Admin 
        <a href="#" class="text-right text-white text-capitalize">forgot password?</a>
         <input type="submit" value="Log In"> 
         <a href="/register" class="text-white  font-weight-bold"> Register Now</a>
</form>

这是jQuery代码

<script>
if($('#adminAction').is(':checked')){
        $('#loginForm').attr('action','/adminLogin');
    }
    else{
        $('#loginForm').attr('action','/userLogin');
    }
</script>

Answer 1

如Dante所述，在客户端的表单动作之间进行切换可能不是一个好主意。但除此之外，我认为您的问题是您没有在脚本中放入$(document).ready。此外，您可能应该以{{1}}的形式设置初始操作，因为在页面初始加载时没有任何操作，并且在复选框被更改时代码中也没有触发器可以更改任何内容。尝试这样的事情：

action='/userLogin'

如何使用基于复选框的jQuery更改表单操作

1 个答案: