提交输入框的值使用js把值与百度ULR进行拼接然后搜索

输入框

 <!-- 表单模块 -->

            <div class="text">

                <!-- javasrcipt占位符 -->

                <form action="javasrcipt:;" method="#">

                    <input type="text" id="input">

                    <input type="submit" id="hand">

                </form>

            </div>

百度搜索框

  <div class="baiduo">

                <!-- javasrcipt占位符 -->

                <form action="javasrcipt:;" method="#">

                    百度<input class="find" type="text" id="connection" value="https://www.baidu.com/s?wd=" +>

                    <input type="submit" value="搜索">

            </div>

 

            </form>

        </div>

js部分

  //获取提交按钮对象

    var hand = document.getElementById("hand");

    // 获取百度搜索框对象

    var connection = document.getElementById("connection");

    //绑定输入框提交按钮单机响应函数

    hand.onclick = function () {

        //函数调用

        judge();

 

    }

    //  封装输入判断是否为空

    function judge() {

        var input = document.getElementById("input");

        // 不能为空 不能是空格

        if (input.value == null || input.value.replace(/(^s*)|(s*$)/g, "").length == 0 || input.value.length == 0) {

            alert("输入不能为空");

        } else {

            //百度搜索拼接

            connection.value = "https://www.baidu.com/s?wd=" + input.value;

        }

    }