限制文本控件输入数据格式

 1  // = 比如只能输入数字、字母、数字和字母
 2
 3 <script type="text/javascript">
 4     UM.getEditor(‘myEditor1‘)
 5
 6     $(function () {
 7
 8         // ----------------------------------------------------------------------
 9         // <summary>
10         // 限制只能输入字母
11         // </summary>
12         // ----------------------------------------------------------------------
13         $.fn.onlyAlpha = function () {
14             $(this).keypress(function (event) {
15                 var eventObj = event || e;
16                 var keyCode = eventObj.keyCode || eventObj.which;
17                 if ((keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
18                     return true;
19                 else
20                     return false;
21             }).focus(function () {
22                 this.style.imeMode = ‘disabled‘;
23             }).bind("paste", function () {
24                 var clipboard = window.clipboardData.getData("Text");
25                 if (/^[a-zA-Z]+$/.test(clipboard))
26                     return true;
27                 else
28                     return false;
29             });
30         };
31
32         // ----------------------------------------------------------------------
33         // <summary>
34         // 限制只能输入数字
35         // </summary>
36         // ----------------------------------------------------------------------
37         $.fn.onlyNum = function () {
38             $(this).keypress(function (event) {
39                 var eventObj = event || e;
40                 var keyCode = eventObj.keyCode || eventObj.which;
41                 if ((keyCode >= 48 && keyCode <= 57))
42                     return true;
43                 else
44                     return false;
45             }).focus(function () {
46                 //禁用输入法
47                 this.style.imeMode = ‘disabled‘;
48             }).bind("paste", function () {
49                 //获取剪切板的内容
50                 var clipboard = window.clipboardData.getData("Text");
51                 if (/^\d+$/.test(clipboard))
52                     return true;
53                 else
54                     return false;
55             });
56         };
57
58         // ----------------------------------------------------------------------
59         // <summary>
60         // 限制只能输入数字和字母
61         // </summary>
62         // ----------------------------------------------------------------------
63         $.fn.onlyNumAlpha = function () {
64             $(this).keypress(function (event) {
65                 var eventObj = event || e;
66                 var keyCode = eventObj.keyCode || eventObj.which;
67                 if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
68                     return true;
69                 else
70                     return false;
71             }).focus(function () {
72                 this.style.imeMode = ‘disabled‘;
73             }).bind("paste", function () {
74                 var clipboard = window.clipboardData.getData("Text");
75                 if (/^(\d|[a-zA-Z])+$/.test(clipboard))
76                     return true;
77                 else
78                     return false;
79             });
80         };
81
82         // 限制使用了onlyNum类样式的控件只能输入数字
83         $(".onlyNum").onlyNum();
84         //限制使用了onlyAlpha类样式的控件只能输入字母
85         $(".onlyAlpha").onlyAlpha();
86         // 限制使用了onlyNumAlpha类样式的控件只能输入数字和字母
87         $(".onlyNumAlpha").onlyNumAlpha();
88     });
89 </script>
时间: 2024-11-05 15:03:36

限制文本控件输入数据格式的相关文章

WCF学习(二)对控件简单了解以及4个文本控件的简介

WPF基础控件 系统默认提供的基础控件: 文本控件介绍与用法 Label控件 label控件:一般用户描述性文字显示. 在Label控件使用时,一般给予用户提示.用法上没有什么很特殊的,label控件的值记住:不是Text 而是 Content属性. TextBlock控件 TextBlock控件,是只读的文本框,无法进行编辑,比较适合显示文本,该文本内容不允许编辑的情况. TextBlock进行设置值的属性是Text 支持直接赋值和数据绑定的方式赋值. TextBox TextBox是支持编辑

[寒江孤叶丶的Cocos2d-x之旅_33]RichTextEx一款通过HTML标签控制文字样式的富文本控件

RichTextEx一款通过HTML标签控制文字样式的富文本控件 原创文章,欢迎转载.转载请注明:文章来自[寒江孤叶丶的Cocos2d-x之旅系列] 博客地址:http://blog.csdn.net/qq446569365 下载地址 Github链接 这个是干什么的 将例如以下文字内容 "<#F37C2A><font Helvetica><30>[世]<#3AB5B3><underLine true>寒江孤叶<underLine

MFC小程序003------MFC使用WebBrowser组件,在对话框中创建滚动视图,动态创建一个静态文本控件并设置鼠标单击的消息响应

MFC小程序截图: 一.在MFC中简单使用WebBrowser的ActiveX插件的方法: 见博文:  http://blog.csdn.net/supermanking/article/details/5866213 二.在对话框中创建视图(我这里创建的是一个滚动视图): 见博文: http://blog.csdn.net/clever101/article/details/4873994 http://blog.csdn.net/clever101/article/details/37790

4、UCGUI TEXT文本控件实验

1.常用控件 2.文本 API 函数 (1). TEXT_Create()  在一个指定位置,指定大小创建一个文本控件.TEXT_Handle TEXT_Create ( int x0, int y0,int xsize, int ysize,int Id, int Flags,const char* s, int Align);返回数值:   创建的文件控件的句柄:如果函数执行失败则为 0. (2). TEXT_CreateAsChild()  在一个指定位置,指定大小创建一个文本控件. TE

富文本控件

网络上的各种富文本控件总感觉和具体项目不太贴,所以我自己动手写了一个富文本控件,是用CoreText写的.现在开放出来供所有人借鉴和使用.我写了一些基本功能,你可以方便的任意加入自己想实现的功能. 你可以任意的使用.修改.扩展这个控件,请不要删除作者信息 使用时,别忘了引入CoreText库. 演示效果如图 调用方法代码如下: 1.显示图片 - (void)showImage {     UIFont *font = [UIFont systemFontOfSize:17];          

FastReport.Net使用:[15]富文本控件使用

富文本(Rich Text)控件用于显示Rtf格式的文本. 认识富文本编辑窗体 1.下图就是富文本的编辑窗体,乍一看就像Word一样,不过功能没有Word强大了.具体功能就不一一介绍了,用个Word的相信都会使用. 值得注意的是,编辑完后一定要点击"确定"按钮,不然就前功尽弃了. 报表数据显示 富文本支持的数据与文本控件一致,包含数据源的列.报表参数.汇总值.表达式等. 参见如下设计和预览效果. 几个注意点 在报表导出的时候,有些文档中富文本控件的内容会以图片格式显示.比如Word,r

WPF 语言格式化文本控件

前言 本章讲述正确添加语言资源的方式,以及一段语言资源的多种样式显示. 例如:“@Winter,你好!感谢已使用软件 800 天!” 在添加如上多语言资源项时,“XX,你好!感谢已使用软件 X 天!” 那么,你是怎么添加语言资源的呢? 分别添加,“,你好!”.“感谢已使用软件”.“年”3个,再通过界面绑定动态变量 昵称和使用天数? 假如你是按照如上添加语言资源的,那么问题来了,添加如上英文语言资源呢?是不是也分别添加单个资源,再拼凑绑定? 添加语言资源 正确的做法是,添加整个语言资源,“{0},

Blend 多文本控件介绍

原文:Blend 多文本控件介绍 多文本控件 RichTextBox FlowDocumentScrollViewer FlowDocumentPageViewer FlowDocumentReader 按效果来看 FlowDocumentScrollViewer FlowDocumentPageViewer FlowDocumentReader 都是只读 提供了很多花里胡哨的功能 而 RichTextBox 可以编辑 删除 原文地址:https://www.cnblogs.com/lonely

AutoCompleteTextView 和 MultiAutoCompleteTextView 自动完成文本控件

概述 在html中有很多自动完成的应用,例如,百度的搜索,输入一些关键字,下面就会自动列出该关键字对应的一些消息 在Android中也有自动完成文本,这就是AutoCompleteTextVeiw和MultiAutoCompleteTextView . AutoCompleteTextVeiw支持基本的自动完成功能,适用在各种搜索功能中,并且可以根据自己的需求设置他的默认显示数据 AutoCompleteTextVeiw和(自动完成文本框)从 EditText派生而来,MultiAutoComp