html - 根据输入值提交表单的不同操作

Question

我有一个带有搜索框的基本 html 表单。如果用户输入 searchA 或 searchA-B，我需要将他重定向到两个不同的地方（url 的格式不同）。

你会建议我怎么做？

<form name="ajaxSearchFrm" action="url1 or url2 depending on the value of searchText" method="GET">
        <input type="text" id="searchText" name="searchText" style="width:200px;" onKeyUp="searchSuggest();" autocomplete="off">&nbsp;&nbsp;
        <input type="submit" value="Search" style="background-color: #fff; font-family: verdana, arial, helvetica; color: black; font-size: 10px;" />
        <div id="formSuggestLayer"></div>
</form>

Answer 1

您需要使用 javascript 来评估文本框的内容。根据值，更改表单的操作，然后通过 javascript 提交表单。不过，您必须将提交按钮更改为带有 onClick 事件的常规按钮。

JavaScript：

function EvaluateForm()
{
    if( document.getElementById('searchText').value == 'A' ){
        //submit to A
        document.ajaxSearchFrm.action = "myurlA.com";
    }
    else{
        //submit to b
        document.ajaxSearchFrm.action = "myurlB.com";
    }
    document.forms["ajaxSearchFrm"].submit();

    return false;
}

HTML：

<form name="ajaxSearchFrm" action="" method="GET">
    <input type="text" id="searchText" name="searchText" style="width:200px;">&nbsp;&nbsp;
    <input type="button" value="Search" onClick="return EvaluateForm();" />
    <div id="formSuggestLayer"></div>
</form>