- 浏览: 239683 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
xmwjfid:
写的不错,就是有个疑问groupSize 这个用来干什么?
jQuery Ajax分页(pagination.js)分页插件 (转载) -
GRACEACT:
Thanks.对我很有帮助。
使用Java组件itext 生成pdf的介绍 -
xianzi_2008:
jQuery Ajax分页(pagination.js)分页插件 (转载) -
xiaotao.2010:
Demo a=new Demo()
{ ...
匿名类 -
system1029hq:
jQuery Ajax分页(pagination.js)分页插件 (转载)
一、基本验证
1.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>
1.2. 只能是汉字
<input onkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')">
1.3. 只能是英文
<script language=javascript>
function onlyEng() {
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
</script>
<input onkeydown="onlyEng();">
1.4. 只能是数字
<script language=javascript>
function onlyNum() {
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
event.returnvalue=false;
}
</script>
<input onkeydown="onlyNum();">
1.5. 只能是英文字符和数字
<input onkeyup="value="/oblog/value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData
('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
1.6. 验证邮箱格式
<SCRIPT LANGUAGE=javascript 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;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>
1.7. 屏蔽关键字(这里屏蔽***和****)
<script language="javascript1.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>
1.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>
1.9.屏蔽右键 很酷
oncontextmenu="return false" ondragstart="return false" onselectstart="return false"
加在body中
二、表单验证
2.1 表单项不能为空
<script language="javascript">
<!--
function CheckForm() {
if (document.form.name.value.length == 0) {
alert("请输入您姓名!");
document.form.name.focus();
return false;
}
return true;
}
-->
</script>
2.2 比较两个表单项的值是否相同
<script language="javascript">
<!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value) {
alert("您两次输入的密码不一样!请重新输入.");
document.ADDUser.PWD.focus();
return false;
}
return true;
}
-->
</script>
2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等
<script language="javascript">
<!--
function isNumber(String) {
var Letters = "1234567890-"; //可以自己增加可输入值
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )
return false;
for( i = 0; i < String.length; i ++ ) {
c = String.charAt( i );
if (Letters.indexOf( c ) < 0)
return false;
}
return true;
}
function CheckForm() {
if(! isNumber(document.form.TEL.value)) {
alert("您的电话号码不合法!");
document.form.TEL.focus();
return false;
}
return true;
}
-->
</script>
2.4 表单项输入数值/长度限定
<script language="javascript">
<!--
function CheckForm() {
if (document.form.count.value > 100 || document.form.count.value < 1) {
alert("输入数值不能小于零大于100!");
document.form.count.focus();
return false;
}
if (document.form.MESSAGE.value.length<10) {
alert("输入文字小于10!");
document.form.MESSAGE.focus();
return false;
}
return true;
}
//-->
</script>
2.5 中文/英文/数字/邮件地址合法性判断
<SCRIPT LANGUAGE="javascript">
<!--
function isEnglish(name) { //英文值检测
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return false;
}
return true;
}
function isChinese(name) { //中文值检测
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return true;
}
return false;
}
function isMail(name) { // E-mail值检测
if(! isEnglish(name))
return false;
i = name.indexOf(" at ");
j = name dot lastIndexOf(" at ");
if(i == -1)
return false;
if(i != j)
return false;
if(i == name dot length)
return false;
return true;
}
function isNumber(name) { //数值检测
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charAt(i) < "0" || name.charAt(i) > "9")
return false;
}
return true;
}
function CheckForm() {
if(! isMail(form.Email.value)) {
alert("您的电子邮件不合法!");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) {
alert("英文名不合法!");
form.name.focus();
return false;
}
if(! isChinese(form.cnname.value)) {
alert("中文名不合法!");
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)) {
alert("邮政编码不合法!");
form.PublicZipCode.focus();
return false;
}
return true;
}
//-->
</SCRIPT>
2.6 限定表单项不能输入的字符
<script language="javascript">
<!--
function contain(str,charset) { // 字符串包含测试函数
var i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return true;
return false;
}
function CheckForm() {
if ((contain(document.form.NAME.value, "%\(\)><")) || (contain(document.form.MESSAGE.value, "%\(\)><"))) {
alert("输入了非法字符");
document.form.NAME.focus();
return false;
}
return true;
}
//-->
</script>
1. 检查一段字符串是否全由数字组成
---------------------------------------
<script language="Javascript"><!--
function checkNum(str){return str.match(/\D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
2. 怎么判断是否是字符
---------------------------------------
if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
3. 怎么判断是否含有汉字
---------------------------------------
if (escape(str).indexOf("%u")!=-1) alert("含有汉字");
else alert("全是字符");
4. 邮箱格式验证
---------------------------------------
//函数名:chkemail
//功能介绍:检查是否为Email Address
//参数说明:要检查的字符串
//返回值:0:不是 1:是
function chkemail(a)
发表评论
-
jquery实现可编辑的表格
2011-09-05 17:02 1806今天来演示一个用jquery完成的效果:可编辑的表格。 1. ... -
HTTP状态码及其含义
2011-06-07 14:23 1217作者:King_wangyao 来自:Internet 导 ... -
107个JS基础,Web程序员开发必备
2011-05-23 11:49 9271.document.write(""); ... -
JQUERY 对象与DOM对象之转换
2011-05-03 16:41 1200转换案例: 获取JQUERY对象的方法 var jqueryO ... -
摘抄: 判断cookie是否开启
2011-04-11 00:37 1024方法一: 无论何时你在两页之间,有一个非常简单可靠的方 ... -
在js类中 setTimeout() 和 setInterval() 的使用方法详解
2011-04-11 00:34 1211setTimeout(表达式,延迟时间); 单位:m ... -
jQuery:一次失败的优化尝试
2011-04-10 14:30 925jQuery:一次失败的优化尝试 我经常抱怨jQ ... -
JS截取字符串
2011-04-10 11:34 1114使用 substring()或者slice() 函数:sp ... -
jQuery获取Select选择的Text和 Value(转)
2011-04-09 13:45 1564jQuery获取Select选择的Text ... -
jQuery之ajax post篇dff
2011-04-07 22:38 1201jQuery真的是一个不错的东西,感觉比prototype处理 ... -
jQuery Ajax分页(pagination.js)分页插件 (转载)
2011-04-07 22:35 2994pagination.js /** * jQuery分 ... -
javascript 技巧
2011-04-07 00:02 9711,将变量转换为字符串的办法。 var a=" ... -
十一种刷新按钮的方法
2011-04-06 13:29 1028十一种刷新按钮的方法: <input type=butt ... -
HTML a 标签的 target 属性
2011-04-06 13:23 1351HTML <a> 标签的 target 属性 定 ... -
JS实现刷新iframe的方法
2011-04-06 13:16 1319<iframe src="1.htm&qu ... -
“HTTP”协议
2011-04-05 20:15 2524打开“HTTP”协议 仔细 ... -
常用表单验证函数
2011-04-05 01:25 1165******函数说明****** * * isEmail( ... -
网页中嵌入脚本有两种方式
2011-04-05 01:21 1239网页中嵌入脚本有两种方式: 1、使用<Script> ... -
网页制作之HTML基础知识
2011-04-05 00:09 1061网页制作之HTML基础知识 作者:king_wangyao ... -
HTML-MARQUEE基本语法
2011-04-05 00:07 1022基本语法 <marquee> ... </ ...
相关推荐
标题:“Javascript表单验证大全” 描述详解:这篇文章深入探讨了如何利用JavaScript进行前端表单的验证,涵盖了多种常见的验证需求,旨在确保用户输入的数据符合预期的格式和规则,从而提高用户体验并减少后端处理...
### JavaScript表单验证大全 在Web开发中,前端表单验证是确保用户输入数据有效性的关键环节之一。本文档将详细介绍一系列JavaScript表单验证的方法和技术,涵盖了从基本的字符串长度限制到复杂的邮箱格式验证等...
比较实用的javascript做的表单验证,验证的表单域包括用户名、密码、密码确认、密码提示问题、邮箱、手机号码、身份证。表单域基本通过获得焦点显示提示信息,失去焦点进行验证,还有提交表单验证。提交表单先进行...
本文将深入探讨"javascript表单验证方式一",介绍如何利用JavaScript进行表单验证,确保用户输入的数据符合预设规则,提高用户体验,同时也减轻了服务器端的压力。 首先,表单验证的基本目标是检查用户在HTML表单中...
"JavaScript表单验证大全"集合了各种表单验证方法和源码,旨在帮助开发者创建美观且功能强大的表单验证机制,提高用户体验,防止无效或错误的数据提交至服务器。 一、表单验证基础 1. **事件监听**:JavaScript可以...
高级的javascript表单验证, 正则及常用验证 制作带关闭按钮的浮动窗口 制作全选全不选效果效果 DIV提示效果的表单验证
"JavaScript表单验证控制代码大全"是一个集成了多种表单验证技术和策略的资源集合,帮助开发者有效地确保用户输入的数据质量和安全性。下面我们将深入探讨这个主题,了解JavaScript如何对表单数据进行验证以及常见的...
总的来说,"javascript表单验证器三方库.zip" 提供了一个强大的工具,用于处理JavaScript表单验证,它具有可配置性、递归数据验证等特性,是开发高效、健壮的Web应用的重要辅助工具。无论是初学者还是经验丰富的...
这个"JavaScript表单验证模板"是一个实用的工具,适合初学者学习和快速实现表单数据验证功能。表单验证是确保用户输入符合特定规则的关键步骤,它可以防止无效数据提交到服务器,提高用户体验,并减少服务器端处理...
6. **表单验证**:这个插件提供了强大的验证功能,能自动检查用户输入的数据是否符合预设规则,如电子邮件格式、手机号码格式等。通过使用代码示例,开发者可以轻松集成和自定义验证逻辑。 在实际应用中,开发者会...
《jq表单验证大全》是针对使用jQuery库进行前端表单验证的一份综合资源集合,主要涵盖各种常见的表单验证场景和解决方案。jQuery,作为一款轻量级的JavaScript库,因其简洁的API和强大的功能而广受欢迎,尤其在处理...