jquery实现只有数字和小数点输入的操作方法:1、创建一个html示例文件;2、在head标签中引入jQuery文件;3、使用“ $("输入框").keypress()”语法,来监听键盘,只允许小数点和数字输入;4、通过正则表达式,匹配“/D|^0/g”,“/[^0-9.]/g”替换即可。
本教程操作系统:Windows10系统、jQuery3.6.0版本、Dell G3电脑。
jquery实现只有数字和小数点输入的操作方法:
1、在html中引用jQuery文件:
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> </head> </html>
2、使用“.keypres()
”方法控制class为checkNum的文本框只能输入数字和小数点:
//监听键盘,只允许输入数字和小数点 $(".checkNum").keypress(function(event) { var keyCode = event.which; if (keyCode == 46 || (keyCode >= 48 && keyCode <=57) || keyCode == 8)//8是删除键 return true; else return false; }).focus(function() { this.style.imeMode='disabled'; });
3、通过正则表达式来处理:
/*JQuery 限制文本框只能输入数字和小数点*/ $(".NumDecText").keyup(function(){ $(this).val($(this).val().replace(/[^0-9.]/g,'')); }).bind( "paste",function(){ $(this).val($(this).val().replace(/[^0-9.]/g,'')); //粘贴的不是数字,则替换为'' //或 return false; 禁用粘贴功能}) .css("ime-mode", "disabled"); //CSS设置输入法不可用
以上是jquery如何实现只能数字和小数点输入的详细内容。更多信息请关注PHP中文网其他相关文章!