网页表单验证代码的改进

无意中找到了这么一个东西,请建一个空白的html页,输入以下代码:
<input onkeyup="value=value.replace(/[^d]/g,'')" >
你会发现这是一个只能输入数字的自带正则验证的文本框,我左思右想这个应该是javascript的东西吧?
可是找了一些javascript正则的文章好像不能这样用的,但上面的东西在ie6和firefox1.0里都能正确解析。
有html或脚本高手谁能告诉我?
这个东西好虽好,不过也有缺点,比如最大的毛病是键盘上的方向键失效了,用微软拼音2003输入则会把前面的数据清空。后来我尝试把onkeyup改成onChange,这下上面的问题都解决了,但验证只有在失去焦点的时候才会产生,不过,这个已经没关系了。
现在做标单验证是不是轻松多了?
再抄几个正则表达式,大家可以参考一下:
只能输入数字和英文 /[W]/g
只能输入数字的 /[^d]/g
只能输入汉字的 /[^u4E00-u9FA5]/g
例子: <input onChange="value=value.replace(/[^d]/g,'')" >
------------------------------------------------------------
巨寒~~刚写完就发现一个bug,就是input控件有记忆功能,连续输入两次相同的字符它就当没发生onChange
不过还好,把它改成onBlur后一切正常,也就是失去焦点。
正确的例子:<input onBlur="value=value.replace(/[^d]/g,'')" >

时间: 2024-09-23 11:51:08

网页表单验证代码的改进的相关文章

网页设计资源:网页表单验证常用代码例子

文章简介:表单验证代码. <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>表单验证</title><script>function $(id) {return document.getElementById(id);}function checkUsername (us

测试网页表单的交互设计

作为网页表单交互设计,有时候网页设计师本身要进行一些极端的测试,这就包括填写和思考一些普通用户很难想去做的一些动作.比如在价格输入框中填写英文字母,什么都不输入的时候按提交按钮等等. 一般作为测试者,我们都要尽可能的把一切可能发生的用户行为考虑到,即便这种可能性出现的概率很低. 以下我们来具体分析啊下网页表单的交互设计中的极限测试以及对淘宝等网站进行观察,看看这些大网站对于表单交互测试做到了什么程度! 如图: 1. 你会在search bar什么都不输入的情况下就按search button吗?

CSS设计符合Web标准的网页表单的几个技巧

本文总结了用div CSS进行网页表单布局的五个小技巧可以帮助你更灵活的控制表单,使页面更加满意. 1.表单文本输入的移动选择: 在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息.其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中,一切就会变得简单多了,如: <textarea name=textarea wrap=virt

JS定义网页表单提交(submit)的方法

 这篇文章主要介绍了JS定义网页表单提交(submit)的方法,实例分析了javascript实现表单提交执行自定义函数的方法,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS定义网页表单提交(submit)的方法.分享给大家供大家参考.具体如下: 这段代码表示网页表单提交时不是提交到指定的页面,而是执行一个特定的函数 ? 1 2 3 4 5 6 7 8 9 10 <script> function saveInfo() { localStorage.setItem(&q

用dreamvear制作的网页表单内容链接数据库,不知道为什么提示错误,求大神指点,在线等

问题描述 用dreamvear制作的网页表单内容链接数据库,不知道为什么提示MicrosoftVBScript编译器错误错误'800a0408'无效字符/s071203237/regconfirm.asp,行17STUID=request.form("STUID")-------------------------^代码如下:<body><%dimconnsetconn=server.CreateObject("ADODB.CONNECTION")

JS定义网页表单提交(submit)的方法_javascript技巧

本文实例讲述了JS定义网页表单提交(submit)的方法.分享给大家供大家参考.具体如下: 这段代码表示网页表单提交时不是提交到指定的页面,而是执行一个特定的函数 <script> function saveInfo() { localStorage.setItem("name",$("#name").val()); } </script> <form id=register onSubmit="return saveInfo

表单验证代码实例:jquery.validate.js表单验证插件

文章简介:很好用的JQuery表单验证插件--jquery.validate.js. jquery.validate.js是JQuery旗下的一个验证插件,借助JQuery的优势,我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法.使用前请先下载必要的JQuery插件:jquery-1.4.2.min.js和jquery.validate.min.js. 下面演示如何使用jquery.validate.js插件进行表单的验证. 这是HTML表单:<form id="regFro

网页设计:WEBJX收集优秀的网页表单设计例子

文章描述:30个非常优秀的网页表单设计例子. 网页表单作为访问者与网站所有者主要的沟通途径,确保网页表单比较容易理解和使用起来比较直观成为网页设计的重要目标之一.每个网站都会有适合自己风格的表单,新颖的网页表单设计能吸引用户的注意力,让更多的用户填写反馈信息.在本文中将展示国外一些非常优秀的网页表单设计例子,以供欣赏借鉴. RxBalance Awesome Brian Handley Gowalla Form Spring Buffalo [1] [2] [3] [4] [5]  下一页

网页表单输入框设计:精心简化表单输入框

文章描述:简化输入 - 让网页表单更亲切. 大部分人不喜欢填表单,因为人们来到网站,主要目的不是填表,而是浏览或者购买.精心设计的表单,使输入变得流畅让人心情愉悦,而糟糕的设计让人扶墙吐血.那怎样才是优秀的表单呢?页面的布局.逻辑组织.视觉样式等都是值得关注的细节,其中简化输入是最近常被提及的,在这里我分享下自己工作中的心得- 1. 更高大的输入框 增加输入框高度,加粗字体,可以让网页上的输入框看起来更容易填写和阅读.随着电脑显示器尺寸变大,这样的输入框也显得更大气. 2. 添加选取器. 与其让