显示基于url参数的div

时间:2015-04-14 09:33:42

标签: javascript php jquery html forms

我的网站是trackschoolbus.com。您可以在右上方看到登录表单。我设置的是当输入错误时,它会重定向到主页,参数为?er=1,即http://www.trackschoolbus.com/?er=1。 我需要在错误网址出现时显示错误消息,所以我写了

<script type="text/javascript"> 
   $(function(){ 
           if (document.location.href.indexOf('er=1') > 0) 
$("#display").show(); 
   }); 
</script>

和html是

<div id="display" style="display:none;">wrong input</div>

我的登录表单是

<form name="login-form" id="login-form" method="post" action="http://www.trackschoolbus.com/vehicleTracking/index.php">
    <input name="LoginForm[username]" id="LoginForm_username" type="text" placeholder="Registered Email" value="" class="error" required/>
    <input maxlength="30" name="LoginForm[password]" id="LoginForm_password" type="password" placeholder="Password" value="" class="error" required />
    <input type="submit" onclick="this.disabled=true;this.form.submit();" name="yt0" class="btn-submit" value="Login" />
</form> 

仍显示无显示。

3 个答案:

答案 0 :(得分:4)

使用php

    <form name="login-form" id="login-form" method="post" action="http://www.trackschoolbus.com/vehicleTracking/index.php">
            <input name="LoginForm[username]" id="LoginForm_username" type="text" placeholder="Registered Email" value="" class="error" required/>
            <input maxlength="30" name="LoginForm[password]" id="LoginForm_password" type="password" placeholder="Password" value="" class="error" required />
            <input type="submit" onclick="this.disabled=true;this.form.submit();" name="yt0" class="btn-submit" value="Login" />
            <?php if (isset($_GET['er']) && $_GET['er'] == 1) {
                echo '<div id="display">wrong input</div>';
            }?>
            </form> 

答案 1 :(得分:1)

您可以使用此代码

if ($_REQUEST['er']==1)
{
   echo '<script type="text/javascript"> 
      $("#display").show(); 
   </script>';
}

答案 2 :(得分:1)

这在javascript中比较简单。

使用此主题中的代码段:How can I get query string values in JavaScript?

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
if (getParameterByName("er") == "1") 
    $("#display").show(); 
});