我需要验证自己的领域;合法只是数字。
这是简单的HTML:
<div class="form-group">
<label for="superficie">Superficie</label>
<input type="text" class="form-control required-field" data-type="number" name="superficie" />
</div>
这就是Jquery:
$('.current .required-field').each(function(index) {
$(this).keyup(function() {
var input_type = $(this).data('type');
validate($(this), input_type);
});
});
function validate(input, input_type) {
switch(input_type) {
case 'number':
if (input.value != input.value.replace(/[^0-9\.]/g, '')) {
input.value = input.value.replace(/[^0-9\.]/g, '');
}
break;
}
}
控制台返回错误:
input.value未定义。
答案 0 :(得分:7)
input
变量包含一个没有value
属性的jQuery对象。要访问您需要使用val()
方法的值,或者您可以为函数提供本机HTMLElement:
validate(this, input_type);
最后,值得注意的是,您可以简化代码,因为它通过this
挂起了对元素的引用:
$('.current .required-field').keyup(validate);
function validate() {
var $el = $(this);
switch ($el.data('type')) {
case 'number':
$el.val(function(i, v) {
return v.replace(/[^0-9\.]/g, '');
});
break;
}
}