您的位置:首页 > 教程笔记 > 前端笔记

jquery实现的限制文本框只能输入非负实数

2023-12-04 13:32:43 前端笔记 111

本章节介绍一段代码实例,它实现了文本框只能够输入非负实数。

代码示例:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#txt").keyup(function(){  
    $(this).val($(this).val().replace(/[^0-9.]/g,''));  
  }).bind("paste",function(){
    return false;
  })
});
</script>
</head>
 
<body>
<input id="txt" type="text"/>
</body>
</html>

(1).keyup事件可以参阅jQuery keyup 事件一章节。

(2).val()方法可以参阅jQuery val()一章节。

(3).replace()方法可以参阅正则表达式replace()一章节。

(4).paste事件可以参阅jquery paste事件一章节。

(5).return false可以参阅javascript return false的作用是什么一章节。

相关推荐