2013-05-04 40 views
0

所以我编程我的搜索栏,我不知道为什么它不工作。我想当用户键入“论坛”它说一条消息,当他们点击好它将它们发送到论坛,但我正在测试,看看它是否会显示警报,我不能让它说什么。修复我的JavaScript搜索栏

HTML

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>website name/slogan</title> 

    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" /> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css" /> 

</head> 

<body> 
<div class="row"> 
    <div class="span12"> 
     <form method="get" action="/" class="form-inline" > 
      <input name="q" class="span5" id="searchBar" type="text" placeholder="Click below on how to use" /> 
      <button type="submit" id="submit" class="btn btn-primary"> <i class="icon-search icon-white"></i></button> 
     </form> 
    </div> 
</div> 

<script type="text/javascript" src="js/bootstrap.js"></script> 
</body> 

的Javascript

function myNavSystem() { 
    var mySearchBar = document.getElementById('searchBar'); 
    if(mySearchBar = "forums") 
     document.getElementById('submit'); 
     alert("you have tried accessing forums") 
    else 
     alert("You have entered invalid text, try again.") 
} 

回答

2

一个明显的错误是,你忘了花括号的if/else语句(和分号)。

if(mySearchBar.value == "forums") { 
    document.getElementById('submit'); 
    alert("you have tried accessing forums"); 
} else { 
    alert("You have entered invalid text, try again."); 
} 
+2

And =!== ==;有一个失踪。值 – bfavaretto 2013-05-04 03:46:26

+0

@bfavaretto我被大括号遮掩了。谢谢。 – Tchoupi 2013-05-04 03:47:15

+0

谢谢,我解决了这个问题。但是,问题仍然存在:( – user2152375 2013-05-04 03:47:28