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 :)");
        }
    });
});​