`
raozhiyong11
  • 浏览: 139028 次
  • 性别: Icon_minigender_1
  • 来自: 江西
社区版块
存档分类
最新评论

javascript几种常用数据有效性验证(笔记)

阅读更多
/*
 *只能输入数字
 *使用在obj的onkeyup事件上
 *@param obj 当前DOM对象
 *@author:raozhiyong
 */	
function onlyNumber(obj){
	obj.value = obj.value.replace(/\D/g, '');
}

/*
 *只能输入正整数和小数
 *使用在obj的onkeyup事件上
 *@param obj 当前DOM对象
 *@author:raozhiyong
 */	
function onlyDecimal(obj){
	//先把非数字的都替换掉,除了数字和.
	obj.value = obj.value.replace(/[^\d.]/g,"");
	//必须保证第一个为数字而不是.
	obj.value = obj.value.replace(/^\./g,"");
	//保证只有出现一个.而没有多个.
	obj.value = obj.value.replace(/\.{2,}/g,".");
	//保证.只出现一次,而不能出现两次以上
	obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
	
	//obj.value=obj.value.replace(/[^\d\.]*$/g, ''); //没有排除多个.的情况
}

/*
*只能输入中文
*使用在obj的onkeyup事件上
*@param obj 当前DOM对象
*@author:raozhiyong
*/	
function onlyChinese(obj){
	obj.value = obj.value.replace(/[^\u4E00-\u9FA5]/g,'');
	//onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))" 
}

/*
*只能输入中文和字母
*使用在obj的onkeyup事件上
*@param obj 当前DOM对象
*@author:raozhiyong
*/	
function onlyNumAndEn(obj){
	obj.value = obj.value.replace(/[^a-zA-Z\d]/g,'')
}

/*
*只能输入字母
*使用在obj的onkeyup事件上
*@param obj 当前DOM对象
*@author:raozhiyong
*/	
function onlyEnglish(obj){
	obj.value = obj.value.replace(/[^a-zA-Z]/g,'')
}

//ENTER键可以让光标移到下一个输入框:<input onkeydown="if(event.keyCode==13)event.keyCode=9" >
//屏蔽了输入法:<input style="ime-mode:disabled">

 

0
0
分享到:
评论

相关推荐

    JQuery笔记(表单验证).

    JQuery 是一个流行的JavaScript库,它极大地简化了网页的交互和动态化操作。...通过添加预定义的验证类或创建自定义验证方法,我们可以轻松地确保用户输入的数据有效,从而提高应用程序的质量和用户体验。

    JavaScript学习笔记.doc

    5. **表单验证**:在网页表单中,JavaScript可以用来验证用户输入的数据,如邮箱格式、数字范围、身份证或IP地址的有效性,提高用户体验并减轻服务器负担。 JavaScript的特性包括: 1. **脚本语言**:JavaScript是...

    JavaScript学习笔记

    - 验证用户输入,确保表单数据的有效性和安全性。 - 检测浏览器特性,根据不同的浏览器环境调整页面表现。 - 创建和管理Cookies,实现用户的个性化设置和会话管理。 #### 五、JavaScript的书写位置 JavaScript可以...

    javascript笔记

    本文将详细介绍几种常见的JavaScript表单验证方法,包括电话号码验证、电子邮件验证、中文及大写字母验证、年龄验证、密码验证、整数验证、字符串为空验证以及IP地址验证。 #### 二、电话号码验证 电话号码验证通常...

    javaScript--jQuery笔记.txt

    JavaScript提供了几种与用户交互的对话框,如`alert()`用于显示警告信息,`confirm()`用于确认操作,返回布尔值,以及`prompt()`用于请求用户输入,返回字符串或null。 #### 八、jQuery简介 jQuery是一种快速、...

    Javascript&Ajax&Jquery笔记[汇编].pdf

    JavaScript的概念源自于 Netscape 公司在1995年为了增强网页的交互性而设计的一种轻量级编程语言。它不是Java的子集或简化版,两者有着本质的区别。 JavaScript的特点包括: 1. 解释型:JavaScript代码无需预先编译...

    aa.rar_javascript

    2. **表单验证**:在用户提交表单前,JavaScript可以实时验证输入数据的有效性,提高用户体验并减轻服务器负担。 3. **AJAX**:通过XMLHttpRequest对象,JavaScript可以实现异步数据交换,无需刷新页面即可更新部分...

    JavaScript笔记

    也是一种广泛应用于客户端Web开发的脚本语言) 基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是由事件引发 解释执行:先读到的先执行,后读到的会替代先读的 可以...

    详细表单验证

    3. 日期:日期字段通常需要验证输入的格式(如YYYY-MM-DD),同时确保日期的有效性,不能是未来的日期,也不能早于某个特定日期。 正则表达式在表单验证中扮演着核心角色。它是一种强大的文本模式匹配工具,可以...

    天天生鲜项目笔记.docx

    在Django中,类视图是一种常用的设计模式,它允许开发者以面向对象的方式编写视图函数,提高代码的复用性和可维护性。主要特点包括: 1. **通用类视图基类**: Django提供了基础的类视图基类`django.views.generic....

    ajax源码笔记

    1. **表单验证**:用户填写表单时,可以实时检查输入的有效性,无需等待提交后反馈错误。 2. **分页加载**:滚动页面时,自动加载更多内容,提供无缝浏览体验。 3. **实时聊天**:用户发送消息后,无需刷新页面即可...

    韩顺平AJAX和jquery笔记整理

    与GET请求相比,POST请求能够发送更多的数据,数据格式可以是表单数据也可以是JSON等,并且数据发送到服务器后的内容不会保留在浏览器历史或WEB服务器日志中,安全性更高。 AJAX处理返回XML和JSON是两种常见的数据...

    动吧项目笔记保存云端

    **常用的JavaScript函数:** - `load()`:加载页面时触发的函数。 - `data()`:用于获取或设置jQuery对象的数据属性。 - `prop()`:用于获取或设置DOM元素的标准属性。 - `attr()`:用于获取或设置DOM元素的属性值。...

    HSAE自动化工具,随手笔记

    2. 测试框架:如Selenium用于网页自动化测试,Appium用于移动应用测试,它们提供了丰富的API来模拟用户交互,验证功能正确性。 3. 数据驱动测试:通过外部数据文件(如CSV或Excel)提供测试输入,使测试用例更灵活...

    Java学习笔记

    服务器收到表单后,验证Token的有效性。 - **使用JavaScript阻止重复点击**:通过JavaScript禁用提交按钮或增加提示,防止用户多次点击提交按钮。 - **表单重定向**:提交表单后进行重定向,避免用户刷新页面时再次...

    Web验证自适应(二)

    在这个文件中,我们可以期待看到与用户输入相关的表单元素,如`&lt;input&gt;`标签用于创建输入字段,以及可能的JavaScript代码来处理验证逻辑。 2. `IMG_0420-1.jpg`:这个文件可能是认证界面的一部分,可能包含公司标志...

    Ajax学习笔记

    4. **表单验证**:在用户输入时,动态验证其有效性,无需提交即可显示错误提示。 **XMLHttpRequest对象** XMLHttpRequest对象是Ajax实现的关键,主要涉及以下几个重要属性和方法: 1. **创建对象**:在IE中使用`...

    code-journal:一个动态HTML,CSS和JavaScript日记应用程序,供想要捕获其笔记的编码人员使用

    JavaScript还可以处理表单验证,确保用户输入的有效性,以及提供诸如搜索和过滤等高级功能。 在"code-journal-master"这个压缩包中,我们可能会找到以下几个关键文件: 1. `index.html`:主页面,包含HTML结构。 2...

Global site tag (gtag.js) - Google Analytics