0

入力ボックスのいずれかをクリックしたら、検証エラーを削除する必要があるコードを書いている点がいくつかあります。しかし、標準のremoveClassを使用すると、再度送信できなくなるため、望ましい効果が得られません。

ここで私が何を意味するかを見ることができます: http://jsfiddle.net/5V7Uv/5/

HTML:

<form method="post" name="form1" action="/whatmask_output/">
    <div id="sectioncol">
        <label for="input-whatmask">whatmask</label>
        <input type="text" name="input-whatmask" id="input-whatmask"
        size="22" />
    </div>
    <div id="sectioncol">
        <label for="input-whois">whois</label>
        <input type="text" name="input-whois" id="input-whois" size="22"
        />
    </div>
    <input type="submit" value="submit" "whatmask_input" id="btn-search" align="right"
    />
</form>​

JavaScript:

var hasError = false;
$("form").submit(function (e) {
    var searchReg = /^[a-zA-Z0-9\s\/\.]+$/;
    if ($("#input-whatmask").val() != '' && $("#input-whois").val() != '') {
        alert('Enter only one field at a time.');
        return false;
    }
    if (hasError) return false;
    if ($("#input-whatmask").val() != '') {
        if (!searchReg.test($("#input-whatmask").val())) {
            $("#input-whatmask").addClass("errorinput").after('<span class="error">Enter a valid value.</span>');
            hasError = true;
            return false;
        }
    } else if ($("#input-whois").val() != '') {
        if (!searchReg.test($("#input-whois").val())) {
            $("#input-whois").addClass("errorinput").after('<span class="error">Enter a valid value.</span>');
            hasError = true;
            return false;
        }
    } else {
        alert('No values entered!');
        return false;
    }
});
$("#input-whatmask, #input-whois").click(function () {
    $("#input-whatmask, #input-whois").removeClass("errorinput");
    $("#input-whatmask, #input-whois").removeClass("error");
    $("#input-whatmask, #input-whois").val('');
    if ($(this).hasClass('errorinput')) {
        $(this).next().remove();
        $(this).removeClass("errorinput");
        hasError = false;
    }
});​
4

1 に答える 1

0 
if (hasError) return false;

hasError最初の実行後に変数が true に設定され (もちろんエラーが発生した場合)、false に戻らないため、この行は犯罪者のように見えます。

hasError = falseこの行の後に追加してみてください：

$("form").submit(function (e) {
于 2012-05-23T21:41:47.497 に答える