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

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()以Field Can Not be Empty输入的空格式和填充格式返回fname。感谢

Answer 1

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

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

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