jquery移动和php标题打破下一页的按钮

时间:2013-05-04 18:54:59

标签: php jquery mobile button header

我正在创建一个登录php文件,该文件使用标头重定向不同类型的用户,并且当用户将用户重定向到其特定页面时,页面上的按钮将变为不可点击。你能帮帮我吗?

登录HTML:

 <form action="login-all.php" method="POST">
         <lable>Login:</lable>
         <input type="text" id="name" name="name" placeholder="First Name"/>
         <input type="password" id="pass" placeholder="Password" name="pass"/>
         <button type="submit">Log-In</button>

 </form>

PHP:

if($role === '1' ) { //1 admin - 0 user
          header('Location: admin.php');
          //echo "admin";
      }else{
          header('Location: user.php');
          //echo "user";

      }

User.php上的按钮(不在标题重定向中工作)

 <a href="#input"><button>Input</button></a>
 <a href="#submit"><button>Submit</button></a>

1 个答案:

答案 0 :(得分:0)

使用锚标记包装按钮不起作用(请参阅:http://jsbin.com/ekozud/1/)。相反,您需要使用javascript:

将事件侦听器添加到每个按钮的click事件中
 <button id="google">Go to Google</button>

 <script>
 function goToGoogle() {
     document.location = 'http://www.google.com';
 }

 if(document.addEventListener) {
     document.getElementById('google').addEventListener('click', goToGoogle);
 } else {
     document.getElementById('google').attachEvent('onclick', goToGoogle);
 }
 </script>

当然,这种方法的问题在于,如果客户端没有js(或者没有启用它),这些按钮将不起作用。我建议改为使用没有按钮的锚和styling the links to look like buttons(如果你真的需要按钮外观)。