Issue On Validating Text Field Using Custom Validation Function

Question

Can you please take a look at This Demo and let me know what I am doing wrong in this Custom Function to validate the Text input?

$(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();
    });
});

apparently the nameInput() is returning Field Can Not be Empty in both empty and filled format of the fname input. Thanks

Robby Cornelissen · Accepted Answer · 2014-09-17 02:31:22Z

2

You need to remove the two calls to val() when you declare your field variables:

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

As it is, you're passing the value to your method, and then in your method calling val() again.

answered Sep 17, 2014 at 2:31

Robby Cornelissen

98.6k23 gold badges154 silver badges180 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user3649067 Over a year ago

Thanks Robby it is working now but I am really confused here! I tried to keep the variables as they are and updating the function as var textBox = $.trim(inputData); but it didn't work!

Robby Cornelissen Over a year ago

Indeed, because they are initialized only once when your outer function is first loaded/executed. If you update the values afterwards, it will not be reflected in the variables.

Collectives™ on Stack Overflow

Issue On Validating Text Field Using Custom Validation Function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related