show input value in error message using jquery validation

Question

I just want to include value entered by the user in text field. I am using "{0}" key but it is returning true and false. fiddle

 $.validator.addMethod("specialChar", function(value, element){     
    var patt = new RegExp(/[^A-z]/g);
  return !patt.test(value)
 },"{0} is not valid");

    $('#myform').validate({
        onfocusout:function(element){           
            this.element(element)
        },
        rules:{
            username:{
                required:true,
                specialChar:true
            }
        },

        messages:{
            "username": {
                required: "Please enter user name"


            }


        }
    })

In patt.test(value) - test method will return boolean only. So you are appending boolean to your return message. — dikesh
– dikesh, Commented Apr 7, 2015 at 12:15

Spikolynn · Accepted Answer · 2016-04-11 14:25:34Z

5

You can assign the value to this.value and then instead of string message use function that returns string. Inside that function you have access to this.value

Have a look at this jsFiddle

$.validator.addMethod("specialChar", function(value, element){ 
  this.val = value;
  return false;
}, function() {
  return 'not allowed ' + this.val;
});

edited Apr 11, 2016 at 14:25

Spikolynn

4,1932 gold badges40 silver badges49 bronze badges

answered Apr 7, 2015 at 12:29

Molda

5,7042 gold badges26 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

show input value in error message using jquery validation

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related