javascript - 使用自定义验证函数验证文本字段的问题

Question

你能看看This Demo吗？让我知道我在这个自定义函数中做错了什么来验证文本输入？

$(function () {
    var fname = $('#fname').val();
    var lname = $('#lname').val();
    var proceed = true;

    function nameInput(inputData) {
        var textBox = $.trim($(inputData).val())
        if (textBox == "") {
         alert('Field Can Not be Empty');
        }
    }

    $("#pro").on("click", function (e) {
        nameInput(fname);
        e.preventDefault();
    });
});

显然 nameInput() 以 fname 输入的空格式和填充格式返回 Field Can Not be Empty。谢谢

Answer 1

声明字段变量时，您需要删除对 val() 的两次调用:

var fname = $('#fname');
var lname = $('#lname');

事实上，您将值传递给您的方法，然后在您的方法中再次调用 val()。