jQuery控制输入框只能输入数值的小例子_jquery

复制代码 代码如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
        <script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script>
    </head>
    <script type="text/javascript">
        $(document).ready(function() {
            //敲击按键时触发
            $("#Score").bind("keypress", function(event) {
                var getValue = $(this).val();
                //控制第一个不能输入小数点"."
                if (getValue.length == 0 && event.which == 46) {
                    event.preventDefault();
                    return;
                }
                //控制只能输入一个小数点"."
                if (getValue.indexOf('.') != -1 && event.which == 46) {
                    event.preventDefault();
                    return;
                }
                //控制只能输入的值
                if (event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46) {
                    event.preventDefault();
                    return;
                }
            })
            //失去焦点是触发
            $("#Score").bind("blur", function(event) {
                var value = $(this).val(), reg = /\.$/;
                if (reg.test(value)) {
                    value = value.replace(reg, "");
                    $(this).val(value);
                }
            })
        });
    </script>
    <body>
        <input type="text" id="Score" />
    </body>
</html>

时间: 2025-01-01 11:04:20

jQuery控制输入框只能输入数值的小例子_jquery的相关文章

js控制输入框只能输入一位并且是数字的教程

在项目中遇到这样一个问题,需要控制输入框只能输入一位并且是数字,查阅资料后整理了如下代码: <div class="main-out"> <p class="identifying-title">输入企业提供的验证码</p> <div class="pass-box"> <!--黑色横线框--> <div class="pass-line"> <di

用正则表达式控制输入框只能输入39码允许范围以内的字符

问题描述 39码如下字符:所有字母和数字,外加-.$/+%*最后还有一个空格 解决方案 解决方案二:(?i)^[a-zd-.$/+%*]{39}$解决方案三:(?i)^[a-zd-.$/+%*]{39}$也可以用regex.escape解决方案四:这里面能输入空格吗?解决方案五:这里面能输入空格吗?引用2楼dongxinxi的回复: (?i)^[a-zd-.$/+%*]{39}$也可以用regex.escape 解决方案六:引用4楼yigerenhaihao51f的回复: 这里面能输入空格吗?引

jquery动态增加删除表格行的小例子_jquery

复制代码 代码如下: <script src="jquery/jquery-1.3.1.js"></script><style type="text/css">body{background:#FFFFFF;}</style></head><body><script> $(function(){ var show_count = 20;   //要显示的条数 var count =

jQuery Form 页面表单提交的小例子_jquery

复制代码 代码如下: <script type="text/javascript" src="${ctx}/js/jquery.form.js"></script>  <script type="text/javascript">      //创建测试实例      function createInstance() {          var options = {              succes

JQuery实现用户名无刷新验证的小例子_jquery

1.在静态页面里添加文本框及样式和js脚本的引用: 复制代码 代码如下: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.jb51.net/--><html xmlns="http://www.w3.org/1999/xhtml" ><head id="Head1" runat="server">    <ti

jQuery 获取URL的GET参数值的小例子_jquery

复制代码 代码如下: // * jQuery url get parameters function [获取URL的GET参数值]// *character_set UTF-8// * author Jerry.li(lijian@dzs.mobi)// * version 1.2012.12.11.1400// *  Example// *     <code>// *      var GET = $.urlGet(); //获取URL的Get参数// *      var id = GE

Jquery通过Ajax访问XML数据的小例子_jquery

页面js代码 复制代码 代码如下: $.ajax({ url : '...',type : 'POST',dataType : 'xml',error : function(xml) {alert("Error loading XML document" + xml);},success : function(xml) {$(xml).find("X").each(function(i) {alert($(this).attr("Xattr"))

jQuery提交多个表单的小例子_jquery

复制代码 代码如下: <script type="text/javascript">      $(function(){                  $("#btnSubmit").click(function(){                            $("form[name='form1']").submit();                            $("form[name=

jQuery提交多个表单的小例子

这篇文章介绍了jQuery提交多个表单的小例子,有需要的朋友可以参考一下   复制代码 代码如下: <script type="text/javascript"> $(function(){ $("#btnSubmit").click(function(){ $("form[name='form1']").submit(); $("form[name='form2']").submit(); }) }) </