javascript - JSフォームバリデーション機能が動作しない

Question

私は次のフォームを持っています：

<form action="" method="post" onsubmit="valform();return false;">
    <input id="username" />
    <input type="submit" />
</form>

そして、次の js コード:

function checkFull(id) {
    var input = $('#' + id).val();  
    if (input == "") {
        return false;   
    }
    else {
        return true;
    }
}

    function valform() {

if (!checkFull('username')) {
            $('#userfield').show(); 
        }
        else {
            $('#userfield').hide(); 
        }

        if (checkFull('username')) {
            form.submit();
        }
        else {
            return false;
        }
}

ユーザー名フィールドが空でもフォームは送信されますが、関数の下return false;の最初のelseステートメントに追加するvalformと、ユーザー名が空の場合は送信されません.なぜ今のように機能しないのですか?

Answer 1

JavaScript の例

また

jQuery の例

HTML

<form id="form1" method="post">
  <input type="text" name="textfield" id="textfield" />
  <input type="submit" name="button" id="button" value="Submit" />
</form>​

jQuery

$(document).ready(function(){
    $("#form1").submit(function(){
        if ($("#textfield").val() == '') {
            return confirm("It's empty... but maybe you want it that way :)");
        }
    });
});​