jquery 数据校验，input只能输入浮点数

最新推荐文章于 2025-03-20 11:22:05 发布

原创最新推荐文章于 2025-03-20 11:22:05 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #数据校验 #数字 #浮点数

JavaScript 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的输入框浮点数验证方法。该方法通过自定义函数isNum来判断输入内容是否为合法的浮点数，并利用jQuery的delegate和on方法为指定的选择器绑定键盘输入及粘贴事件，确保输入框内只能输入有效的浮点数值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * 检查是否为数字
 * 
 * @param {}
 *            str
 * @return {Boolean} true：数字，false:<b>不是</b>数字;
 */
var isNum = function(str) {
	var re = /^(-?\d+)(\.\d+)?$/
	return re.test(str);
}
/**
 * input校验只能输入浮点数
 * 
 * @param {}
 *            parent ：父容器的
 *            selector ：选择器
 * @return {Boolean} true：数字，false:<b>不是</b>数字;
 */
var bindInputNumber = function(parent, selector) {
	$(parent)
			.delegate(
					selector,
					'keyup',
					function() {
						if ($(this).val() != "") {
							if ($(this).val().indexOf(".") == $(this).val().length - 1) {
								$(this).data("old", $(this).val());
							} else if ($(this).val().lastIndexOf("-") == 0
									&& $(this).val().length == 1) {
								$(this).data("old", $(this).val());
							} else if (!isNum($(this).val())) {
								$(this).val($(this).data("old"));
							} else {
								$(this).data("old", $(this).val());
							}
						} else {
							$(this).data("old", $(this).val());
						}
					});
	$(parent)
			.delegate(
					selector,
					'paste',
					function() {
						if ($(this).val() != "") {
							if ($(this).val().indexOf(".") == $(this).val().length - 1) {
								$(this).data("old", $(this).val());
							} else if ($(this).val().lastIndexOf("-") == 0
									&& $(this).val().length == 1) {
								$(this).data("old", $(this).val());
							} else if (!isNum($(this).val())) {
								$(this).val($(this).data("old"));
							} else {
								$(this).data("old", $(this).val());
							}
						} else {
							$(this).data("old", $(this).val());
						}
					});
	$(parent)
			.on(
					"keyup",
					selector,
					function() {
						if ($(this).val() != "") {
							if ($(this).val().indexOf(".") == $(this).val().length - 1) {
								$(this).data("old", $(this).val());
							} else if ($(this).val().lastIndexOf("-") == 0
									&& $(this).val().length == 1) {
								$(this).data("old", $(this).val());
							} else if (!isNum($(this).val())) {
								$(this).val($(this).data("old"));
							} else {
								$(this).data("old", $(this).val());
							}
						} else {
							$(this).data("old", $(this).val());
						}
					});
	$(parent)
			.on(
					"paste",
					selector,
					function() {
						if ($(this).val() != "") {
							if ($(this).val().indexOf(".") == $(this).val().length - 1) {
								$(this).data("old", $(this).val());
							} else if ($(this).val().lastIndexOf("-") == 0
									&& $(this).val().length == 1) {
								$(this).data("old", $(this).val());
							} else if (!isNum($(this).val())) {
								$(this).val($(this).data("old"));
							} else {
								$(this).data("old", $(this).val());
							}
						} else {
							$(this).data("old", $(this).val());
						}
					});
}