验证Jeditable字段
验证Jeditable字段
提问于 2010-03-11 14:00:24
我在页面上使用吉德 ( page到CakePHP)作为输入。我希望用户只填写可编辑字段中的数字，所以我的想法也是使用jQuery验证插件来验证如果只使用数字，我已经在我的站点的其他部分使用了这个。
Jeditable在单击div时动态地创建带有输入的表单，因此Jquery验证似乎没有什么可绑定的，而且它似乎无法正常工作。
我可以通过Jeditable设置表单的类名(它只有一个类atrribute)，所创建的输入只有一个默认为" name“的name属性。
我的问题：
- 这是一个只需要数字的好方法吗？
- 如果是这样的话，如何使它与Jquery验证一起工作？
- 如果没有，有什么更好的解决办法？
提前谢谢，我期待着任何可能得到的答案;)
回答 6
Stack Overflow用户
回答已采纳
发布于 2011-12-14 08:17:20
可以在jeditable中直接使用jQuery验证插件来验证表单的字段。
$('.edit').editable(your_url, {
onsubmit: function(settings, td) {
var input = $(td).find('input');
$(this).validate({
rules: {
'nameofinput': {
number: true
}
},
messages: {
'actionItemEntity.name': {
number: 'Only numbers are allowed'
}
}
});
return ($(this).valid());
}
});Stack Overflow用户
发布于 2010-04-20 06:33:23
这段代码适用于我
function isNumeric(value) {
if (value == null || !value.toString().match(/^[-]?\d*\.?\d*$/)) return false;
return true;
}
$('.edit').editable(your_url, {
onsubmit: function(settings, td) {
var input = $(td).find('input');
var original = input.val();
if (isNumeric(original)) {
console.log("Validation correct");
return true;
} else {
console.log("Validation failed. Ignoring");
input.css('background-color','#c00').css('color','#fff');
return false;
}
}
});Stack Overflow用户
发布于 2010-03-11 22:35:06
您可以在Jeditable中使用onsubmit事件，并检查输入是否只有数字。这只是一个例子，我没有试过：
function isNumeric(value) {
if (value == null || !value.toString().match(/^[-]?\d*\.?\d*$/)) return false;
return true;
}
$('.edit').editable(your_url, {
onsubmit: function(settings, original) {
if (isNumeric(original)) {
return true;
} else {
//display your message
return false;
}
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2425456
复制相关文章
相似问题
腾讯云开发者
