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 EXAMPLE

OR

jQuery EXAMPLE

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

JS表单验证功能不起作用

1 个答案: