JS表单验证功能不起作用

JS form validation function not working

本文关键字：不起作用 功能 验证 表单 JS      更新时间：2023-09-26

我有以下形式：

<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;
        }
}

即使用户名字段为空，表单也会提交，但是如果我在valform函数下的第一个else语句中添加return false;，如果用户名为空，它也不会提交。为什么它不能像现在这样工作？

Javascript EXAMPLE

或

j查询示例

.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 :)");
        }
    });
});​
相关文章：