JavaScript中的验证搜索字段

Question

I have this code, but I just can not make it work. What according to you is the problem?

<div class="box-search">
<form action="" method="get" onsubmit="return doSearch('search-form','text_cautat');" id="search-form">
    <input type="text" name="s" class="search-field" id="text_cautat" value="" maxlength="100" placeholder="Cauta" />
    <select class="search-cat select-menu" name="categorie" id="cat_cautare">
        <option value="0">Toate</option>
        <option value="211">Accesorii GSM</option>
        <option value="406">Laptopuri &amp; Tablete</option>
        <option value="193">Componente PC</option>
        <option value="416">Periferice</option>
        <option value="1364">Gaming PC &amp; Console</option>
        <option value="192">Foto &amp; Video</option>
        <option value="233">Electronice</option>
        <option value="219">Auto</option>
        <option value="1378">Telefoane</option>
    </select>
    <input type="button" value="Cerca" onclick="return doSearch('search-form','text_cautat');" class="search-button" />
</form>

and JS:

function doSearch(id_form, id_camp) {
var search_string = $(id_camp).value;

//trim
search_string = trim(search_string);

var search_form = $(id_form);

if (search_string.length < 3) {
    alert("Minimo 3 caratteri!");
    return false;
} else {
    var cuvinte_split = search_string.split(" ");

    search_string = search_string.replace(/-/g, "_");
    search_string = search_string.replace(/[^A-Za-z0-9_.]/g, "-");
    search_form.action = "http://www.website.com/cerca/" + search_string;
        search_form.submit();
        return true;
    }
}

function trim(str, chars) {
    return ltrim(rtrim(str, chars), chars);
}

function ltrim(str, chars) {
    chars = chars || "\\s";
    return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}

function rtrim(str, chars) {
    chars = chars || "\\s";
    return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
}

The script should allow the searching have been entered only if at least three characters. But it does not work.

http://jsfiddle.net/ZP8R9/

Answer 1

1. When searching for an ID, the selector needs to start with # .
2. You also should be using val .
3. And why not consider using jQuery's trim .
4. Also look at Unobtrusive Javascript and consider using jQuery's on .
5. If you are going to post a jsFiddle that uses jQuery, make sure to also include the library.
6. Checking what was logged (and posting it here) in the console would have led you to the problem.

Answer 2

您将需要使用$(sector)从DOM创建jQuery对象，例如$('#search-form')根据您的代码，您可能应该将onsubmit更改为

onsubmit="return doSearch('#search-form','#text_cautat');"