如何从输入字段向javascript发送值

Question

我需要发送输入字段＆＃34;数据验证＆＃34;到javascript函数。

表单是

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

Javascript是

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

我无法在javascript中获得数据验证的价值。

Answer 1

请查看此代码 getAttribute()用于获取元素的属性

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

在这里演示http://jsfiddle.net/GgfM3/

Answer 2

无法通过点访问元素的属性。您应该使用＆＃34; getAttribute（＆＃34; myAttribute＆＃34;）＆＃34;在javascript和＆＃34; attr（＆＃34; myAttribute＆＃34;）＆＃34;用jQuery。

如何使用jQuery？帖子here表明＆＃34; onchange仅在控件模糊时被触发＆＃34;。 jQuery .on可以监视输入中的值更改。

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

检查示例here。

Answer 3

您可以使用 getAttribute（'value'）方法检索属性值。

在您的示例中，您可以使用

获取值

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