`
chengzhi_hong
  • 浏览: 167397 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js限制输入

    博客分类:
  • J2EE
阅读更多

1.只能输入汉字的

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

2.只能输入数字的:   
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
 

简易禁止输入汉字
<input type="text" style="ime-mode:disabled">

输入数字和小数点:
onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"

 

 

javascript 只能输入数字和":".2007-11-24 15:50<input type=text id="aa1" onkeyup="this.value=this.value.replace(/[^\d&:]/g,'')" onblur="this.value=this.value.replace(/[^\d&:]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d&:]/g,'')"/>

只能数字和":",例如在输入时间的时候可以用到。

 

<input type=text id="aa" onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&=]|_/ig,'')" />

只能输入字母和等号,不能输入汉字。

 

其它的东西:


只能输入数字的脚本javascript- -
1.<input onkeyup="this.value=this.value.replace(/\D/g,'')"

onafterpaste="this.value=this.value.replace(/\D/g,'')">

上半句意思是键盘键入只能是数字,下半句是粘贴也只能是数字


2.<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">


3.<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">

JavaScript限制只能输入数字和英文- -

 


function isregname( checkobj)
{
var checkOK = "0123456789-_abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var checkStr = checkobj;
var allValid = true;
var decPoints = 0;

for (i = 0; i < checkStr.length; i++)
{
ch = checkStr.charAt(i);
for (j = 0; j < checkOK.length; j++)
if (ch == checkOK.charAt(j))
break;
if (j == checkOK.length)
{
allValid = false;
break;
}
}
return (allValid)
}

----------------

if(!(isregname(obj.loginname.value))){
alert("[会员代号]不符合规范,会员代号只能是英文字母或数字");
obj.loginname.focus();
return(false);
}
if(!(isregname(obj.password.value))){
alert("[密码]不符合规范,密码只能是英文字母或数字");
obj.password.focus();
return(false);
}

 

4.javascript只能输入英文和数字的输入框
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

 

5.可以用Javascript对文本框进行检查,过滤掉非0-9的字符。

<script language="javascript" event="onkeydown" for="document">
   if(event.srcElement.name=='TextBox1')
   {
   if(!KeyIsNumber(event.keyCode))
   {
   return false;//这句话最关键
   }
   }
  </script>
  <script language="javascript">
  function KeyIsNumber(KeyCode)
  {
   //如果输入的字符是在0-9之间,或者是backspace、DEL键
   if(((KeyCode>47)&&(KeyCode<58))||(KeyCode==8)||(KeyCode==46))
   {
   return true;
   }
   else
   {
   return false;
   }
  }
  </script>[url=http://blog.csdn.net/xujh/admin/EditPosts.aspx][/url]

6.限制在文本框里面只能输入IP地址格式

<HTML>

<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=gb2312">

 

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<style>
.a3{width:30;border:0;text-align:center}
</style>
<script>
function mask(obj){
obj.value=obj.value.replace(/[^\d]/g,'')
key1=event.keyCode
if (key1==37 || key1==39)
{ obj.blur();
nextip=parseInt(obj.name.substr(2,1))
nextip=key1==37?nextip-1:nextip+1;
nextip=nextip>=5?1:nextip
nextip=nextip<=0?4:nextip
eval("ip"+nextip+".focus()")
}
if(obj.value.length>=3)
if(parseInt(obj.value)>=256 || parseInt(obj.value)<=0)
{
alert(parseInt(obj.value)+"IP地址错误!")
obj.value=""
obj.focus()
return false;
}
else
{ obj.blur();
nextip=parseInt(obj.name.substr(2,1))+1
nextip=nextip>=5?1:nextip
nextip=nextip<=0?4:nextip
eval("ip"+nextip+".focus()")
}
}
function mask_c(obj)
{
clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))
}

</script>
<title>IP地址输入</title>

</head>
<body>IP地址输入
<div style="border-width:1;border-color:balck;border-style:solid;width:165;font-size:9pt">
<input type=text name=ip1 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip2 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip3 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>.
<input type=text name=ip4 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>
</div>
</body>

</HTML>

 

分享到:
评论

相关推荐

    js文本框限制输入 多种情况

    ### JS文本框限制输入多种情况知识点详解 #### 一、限制文本框只能输入数字(不允许输入小数点) 为了实现这一功能,可以采用`onkeyup`事件与正则表达式结合的方法来过滤非数字字符。具体实现代码如下: ```html ...

    js限制文本框只输入正整数

    在探讨如何利用JavaScript限制文本框只输入正整数这一主题时,我们首先应当明确目标:确保用户在文本框中输入的数据仅包含正整数,即非负整数(不包括小数、负数以及任何非数字字符)。这在许多场景下至关重要,比如...

    js限制文本框输入内容

    "js限制文本框输入内容"这个主题涉及到如何使用JavaScript来控制用户在HTML文本框(`&lt;input&gt;`元素)中输入的数据类型和格式。这通常是为了增强用户体验,确保用户输入的数据符合预期,避免错误或不合法的输入。以下...

    js限制输入框输入字数

    输入框控制输入字数 超出 不让输入 并提示

    输入字数限制百分比的js超好用

    在JavaScript(JS)中,对输入的字数进行限制是一项常见的需求,特别是在用户交互界面设计时,例如评论、表单填写等场景。标题"输入字数限制百分比的js超好用"指的是一个JS功能,它能帮助开发者限制用户输入的字符数...

    js实现input限制输入字符(字节)数多出的自动去掉

    js实现input限制输入字符(字节)数多出的自己自动去掉

    js控制文本框只能输入整型数据(int型)

    该程序不仅能阻止用户从键盘输入非整形数据,而且还能检测用户粘贴和拖放的数据是否合法!代码中有详细解释,相信稍微懂js的人都能看懂!

    javascript 限制输入脚本大全

    以下是一些常见的使用JavaScript限制用户输入的方法: 1. 限制输入汉字 当需要用户输入中文字符时,可以通过正则表达式排除掉非汉字的字符。示例如下: ```javascript (/[^\u4E00-\u9FA5]/g,'')" onbeforepaste=...

    JS监控前台文本框输入字数

    本文将详细介绍如何使用JavaScript(简称JS)来实现对文本框输入字符数量的监控,并实时显示用户还可以输入多少个字符。 #### 关键知识点 1. **字符长度计算** 2. **实时更新剩余可输入字数** 3. **文本截断处理**...

    js正则表达式限制文本框只能输入字母和汉字

    ### 正则表达式在JavaScript中的应用:限制文本框只能输入字母和汉字 在Web开发过程中,表单验证是一项常见的任务。确保用户输入的数据符合预期的格式有助于提高数据的准确性和安全性。本篇文章将深入探讨如何使用...

    javascript 表单输入内容限制

    - **应用场景**:适用于需要限制输入为英文字符或特定符号的情况,如邮箱地址输入框。 ##### 6. 限制输入为数字或特定字符串 ```html (/[^d|chun]/g,'')"&gt; ``` - **实现原理**:使用正则表达式`[^d|chun]`匹配...

    js完美解决jsp文本框限制只能输入数字、小数问题

    ### js完美解决JSP文本框限制只能输入数字、小数问题 在Web开发过程中,确保用户输入的数据符合预期格式是一项非常重要的任务。特别是在涉及到数值输入时,开发者常常需要限制文本框仅能接受数字或者带有一定数量...

    js限制DIV输入回车

    标题"js限制DIV输入回车"所涉及的知识点,就是如何使用JavaScript来阻止或改变`div`内的回车事件默认行为。在描述中提到,可以更改回车的功能,比如将回车键映射为输入特定的文字,如“你好我好大家好”。 首先,...

    使用JavaScript限制TextArea多行文本域的可输入字数

    总结起来,通过JavaScript我们可以轻松地实现对`&lt;textarea&gt;`的字数限制功能,包括监听输入事件、检查字符数、限制输入以及提供实时反馈。这样的功能对于优化用户界面和提高网站质量具有重要意义。通过结合源码和工具...

    原生js text文本框输入字数限制长度提示

    以下将详细介绍如何使用原生JavaScript实现文本框输入字数限制及长度提示。 首先,我们需要获取到文本框元素,并设置一个最大输入字数。这可以通过HTML的`maxlength`属性完成,例如: ```html ``` 这个例子中,...

    js实现textarea限制输入字数

    实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到。与单行文本框text控件不同,它不能通过...

    javascript 限制输入和粘贴(IE和火狐3.x下测试通过)

    标题提到的“javascript 限制输入和粘贴”是一个常见的需求,例如在密码输入框中防止复制粘贴以增加安全性,或者在某些表单字段中限制输入格式。 在提供的代码片段中,可以看到一个用于限制输入和粘贴的 JavaScript...

    js限制文本框输入长度两种限制方式(长度、字节数)

    实时显示可输入的字数(字节数) 2.两种限制方式(长度、字节数) 3.中文输入法下可正常使用,无BUG 4.同一页面可以使用多个,相互不干扰 limit.js 代码如下: function limit(){ var txtNote;//文本框 var txtLimit;...

    Textarea限制输入文本长度

    ### Textarea限制输入文本长度的知识点 #### 一、前言 在Web开发过程中,为了提升用户体验并确保数据的有效性和安全性,对用户输入的数据进行适当的限制是非常必要的。特别是在表单填写场景下,如评论框、留言区等...

    js限制textarea每行输入字符串长度的代码.docx

    在JavaScript中,对`textarea`元素进行输入字符串长度限制是一个常见的需求,特别是在处理用户输入时,需要确保数据格式的正确性。在HTML中,`textarea`控件不像`input[type="text"]`那样可以直接通过`maxlength`...

Global site tag (gtag.js) - Google Analytics