JQuery文本框失去焦点时自动检查输入是否为数字 

 1 <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
 2     <script type="text/javascript">
 3         $(document).ready(function () {          //网页载入完成时执行funciton
 4             $(".textclass1").blur(
 5                 function () {
 6                     var object = $(this)
 7                     var oldtext = $.trim(object.val());
 8                     
 9                     if (oldtext =="") {
10                         
11                         alert("此数值不能为空，并且必须为数字！");
12                     }
13                     else
14                     {
15                         if (/^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|^[1-9]\d*$$/.test(oldtext)) {
16                             object.val(oldtext)                           
17                         }
18                         else
19                         {
20                             object.trigger("focus").val("");
21                             alert("请输入数字或小数如：123、23.34");
22                            
23                         }
24                            
25                     }
26                     
27                 }
28                 );
29             $("#Button1").click(
30                 function () {
31                     var DDLYT = $("#DDLY").val();
32                     var DDLMT = $("#DDLM").val();
33                     var DDLDT = $("#DDLD").val();
34                     var DDL1T = $("#DDL1").val();
35                     var DDL2T = $("#DDL2").val();
36                     var TB1 = $("#TextBox1").val();
37                     var TB2 = $("#TextBox2").val();
38                     if (DDLYT == "" | DDLMT == "" | DDLDT == "" | DDL1T == "" | DDL2T == "" | TB1 == "" | TB2 == "") {
39                     alert("输入的数据有空值，请将所有数据填满")}
40 
41                     }
42                 );
43             
44         }// $(document).ready(function () {在此处结束
45             )
46     </script>

 

posted on 2017-07-30 13:03  所有人都  阅读(192)  评论(0)    收藏  举报

导航