how to send value to javascript from input field

Question

i need to send the input fields "data-validation" to javascript function.

form is

 <input type="text" name="fname" id="fname"  data-validation="length" onchange="validate(this);" required />

Javascript is

 function validate(value)
    {
        var value=value.value;
        var validation=value.data-validation;
        alert(value +"  "+ validation);
        return false;
    }

i can't get the value of data-validation in javascript.

avoid using same names for the parameters and variables var value1 =value.fname — Divya, Mar 14 '14 at 07:02

Karthick Kumar · Accepted Answer · 2014-03-14T07:09:35.173

2

please review this code getAttribute() is used to get attribute of element

function validate(ele)
        {
            var value=ele.value;
            var validation=ele.getAttribute("data-validation")
            alert(value +"  "+ validation);
            return false;
        }

Demo here http://jsfiddle.net/GgfM3/

edited Mar 14 '14 at 07:09

answered Mar 14 '14 at 07:02

Karthick Kumar

2,349
1
17
30

Please explain your answer, don't just post code. – RobG Mar 14 '14 at 07:06

score 1 · Answer 2 · edited May 23 '17 at 12:13

Attribute of an element cannot be accessed just through the dot. You should use "getAttribute("myAttribute")" in javascript and "attr("myAttribute")" with jQuery.

How about using jQuery? The post here suggests that "onchange is only triggered when the control is blurred". The jQuery .on can monitor value changes in the input.

$("#fname").on("input", function(){
    var value=$(this).val();
    var validation=$(this).attr("data-validation");
    alert(value +"  "+ validation);
}

Check example here.

score 0 · Answer 3 · answered Mar 14 '14 at 07:14

You can retrive the Attribute values using the getAttribute('value') method.

In you example you can get the value using

function validate(data)
    {           
       var dataFromTextbox = data.getAttribute("data-validation")
       alert(dataFromTextbox);            
    }

how to send value to javascript from input field

3 Answers3