Question

我一直在业余时间学习HTML / CSS / JS。我仍然是一个noobie，我在练习时遇到了这个问题。我想创建一个表单，您可以在其中键入要搜索的内容，并且sumbit按钮会将您重定向到google，如果为空，则显示警报。但是重定向不起作用，我总是收到警报。你能指导我我在做什么吗？对不起，我的英语，这不是我的母语。

-I

Answer 1

var searchedValue = $("input[name='searchedValue']").val()

您应该使用val() 而不是attr（）。其余的一切都很好。

Answer 2

<form id="myform">
        <input type="search" name="searchedValue">
        <input type="submit" value="Szukaj" onclick="search(event)">
</form>
<script>
    function search(event) {
        // [0] gets the first textbox of current page with name.
        var searchedValue = document.getElementsByName('searchedValue')[0].value;
        if (searchedValue && event) {
            event.preventDefault(); // cancels the event if it is cancelable
            var specs = "height=auto,width=auto";
            var searchUrl = "http://www.google.pl/#hl=plf&output=search&q=" + searchedValue;
            window.open(searchUrl, "_blank", specs);
        } else {
            alert("empty string");
        }
    };
</script>

有用的链接，例如window.open()和preventDefault()。我认为学习时最好使用纯JavaScript和DOM操作。无论如何，要继续努力。：）

Answer 3

代码很好，我认为您的浏览器阻止了您重定向到

http://www.google.pl/#hl=plf&output=search&q="+searchedValue;

当您拥有https网站并想重定向到http时，可能会发生这种情况。控制台将静默显示有关不安全重定向的错误。

window.location.href不起作用，它总是返回警报

3 个答案: