本文为Javascript表单验证,讲了长度限制、只能是汉字、只能是英文、只能是数字、只能是英文字符和数字、验证邮箱格式、屏蔽关键字和两次输入密码是否相同等八个方面的验证。
1. 长度限制:
﹤ script ﹥function test() {if(document.a.b.value.length﹥50){alert("不能超过50个字符!");document.a.b.focus();return false;}}﹤/ script ﹥
﹤form name=a onsubmit="return test()"﹥﹤textarea name="b" cols="40" wrap="VIRTUAL" rows="6"﹥﹤/textarea﹥﹤input type="submit" name="Submit" value="check"﹥﹤/form﹥
2. 只能是汉字:
﹤input onkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')"﹥
3.只能是英文:
﹤ script language=java script ﹥function onlyEng(){if(!(event.keyCode﹥=65&&event.keyCode﹤=90))event.returnvalue=false;}﹤/ script ﹥﹤input onkeydown="onlyEng();"﹥
4. 只能是数字:
﹤ script language=java script ﹥function onlyNum(){if(!((event.keyCode﹥=48&&event.keyCode﹤=57)||(event.keyCode﹥=96&&event.keyCode﹤=105)))//考虑小键盘上的数字键event.returnvalue=false;}﹤/ script ﹥﹤input onkeydown="onlyNum();"﹥
5. 只能是英文字符和数字:
﹤input onkeyup="value="/oblog/value.replace(/[\W]/g,"'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"﹥
6. 验证邮箱格式:
﹤ script LANGUAGE=java script RUNAT=Server﹥function isEmail(strEmail) {if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)return true;elsealert("oh");}﹤/ script ﹥﹤input type=text onblur=isEmail(this.value)﹥
7. 屏蔽关键字(这里屏蔽***和****):
﹤ script language="java script 1.2"﹥function test() {if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){alert(":)");a.b.focus();return false;}}﹤/ script ﹥﹤form name=a onsubmit="return test()"﹥﹤input type=text name=b﹥﹤input type="submit" name="Submit" value="check"﹥﹤/form﹥
8. 两次输入密码是否相同:
﹤FORM METHOD=POST ACTION=""﹥﹤input type="password" id="input1"﹥﹤input type="password" id="input2"﹥﹤input type="button" value="test" onclick="check()"﹥﹤/FORM﹥﹤ script ﹥function check(){ with(document.all){if(input1.value!=input2.value){alert("false")input1.value = "";input2.value = "";}else document.forms[0].submit();}}﹤/ script ﹥
分享到:
相关推荐
JavaScript验证是Web开发中不可或缺的一环,主要用于前端数据的校验和用户输入的合法性检查,以确保用户提交的信息准确无误。这篇博文链接虽然没有提供具体的内容,但我们可以通过标题和标签来推测其可能涉及的知识...
JavaScript验证主要分为客户端验证和服务器端验证。客户端验证通常通过JavaScript在用户提交表单前进行,可以实时反馈错误信息,减少不必要的服务器请求,提高响应速度。而服务器端验证则是为了防止恶意用户绕过...
JavaScript验证框架是Web开发中不可或缺的一部分,主要用于在客户端进行数据验证,提高用户体验并减轻服务器端的压力。这些框架允许开发者创建自定义验证规则,确保用户输入的数据符合预设的格式和条件,例如邮箱...
本项目是一个关于“一个简单的带有javascript验证的注册页面”,主要关注的是前端验证技术,利用JavaScript语言来确保用户输入的数据符合特定的要求,提高用户体验并减轻服务器端的压力。 JavaScript是一种在客户端...
JavaScript验证用户登录 JavaScript验证用户登录 JavaScript验证用户登录
"JavaScript验证表单大全"这个主题涵盖了许多关于如何使用JavaScript有效地验证用户输入表单数据的知识。在Web应用程序中,表单验证对于确保用户提交的数据符合预期格式和规则至关重要,从而避免无效数据的提交,...
"气泡javascript验证框架"是一个专注于用户体验的验证解决方案,它通过修改`validate.js`库,将原本的验证提示改为了气泡样式,使得用户交互更加直观且友好。 `validate.js`是一个轻量级的JavaScript表单验证框架,...
JavaScript验证机制是Web开发中不可或缺的一部分,主要用于在用户提交数据前检查输入的有效性和格式。它大大提升了用户体验,减少了服务器端的负担,因为错误的输入可以在前端就得到及时纠正。在这个"JavaScript验证...
在网页表单处理中,JavaScript验证功能扮演着重要角色,它可以在数据提交到服务器之前对用户输入进行检查,确保数据的有效性和安全性。下面我们将深入探讨"常用javascript验证功能",包括取keycode大全、日期格式化...
JavaScript验证是前端开发中的核心部分,它主要用于在用户提交数据之前检查输入的有效性,从而确保数据的准确性和安全性。在Web应用中,JavaScript验证通常在客户端进行,这可以提供即时反馈,减少不必要的服务器...
二、JavaScript验证基本原理 JavaScript可以通过监听表单元素的事件(如onsubmit、onchange等)来执行验证逻辑。当用户填写或修改表单字段时,对应的验证函数会被调用,检查输入内容是否符合预设规则。 三、...
这个"js javaScript 验证校验小工具包"显然是一个集合了各种JavaScript验证和校验功能的资源库,旨在帮助开发者更方便地处理表单验证、数据格式检查等常见任务。 在前端开发中,验证和校验通常涉及以下几个方面: ...
以上就是关于"JavaScript验证非法字符输入"的相关知识点,包括使用正则表达式进行验证、前端与后端的配合、以及无刷新效果的实现。理解并熟练运用这些技巧,能帮助开发者创建更加安全、用户体验良好的Web应用程序。
本文将深入探讨HTML checkbox的JavaScript验证。 一、HTML checkbox基本结构 HTML中的checkbox通过`<input>`标签创建,type属性设置为"checkbox"。例如: ```html <label for="option1">Option 1 ``` 二、...
### 常用的JavaScript验证正则表达式详解 #### 一、概述 在Web开发过程中,表单验证是确保用户输入数据准确性的重要环节之一。正则表达式因其强大的匹配能力而成为进行这类验证的首选工具。本文将详细介绍一系列...
在这个场景中,标题提到的"日期的JavaScript验证"指的是利用JavaScript的内置Date对象及相关方法来实现对日期的验证。描述中提到了验证日期是否为今天、周六、周日或节假日,这涉及到对日期属性的读取以及对一周中的...
本教程将详细探讨表单的各种JavaScript验证实例,帮助开发者掌握这一核心技术。 一、基础知识 1. HTML表单元素:HTML中的`<form>`、`<input>`、`<textarea>`、`<select>`等元素构成表单,用于用户输入和提交数据。...