JavaScript表单验证集锦

原创 2007年09月28日 09:25:00

<script language=javascript>

function onlyEng()

{

if(!(event.keyCode>=65&&event.keyCode<=90))

event.returnValue=false;

}

function onlyNum()

{

if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))

//考虑小键盘上的数字键

event.returnValue=false;

}

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>

<div align="center">

<center>

<table border="1" width="90%" cellspacing="0" cellpadding="0" style="font-size:12px" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#FFFFFF">

<tr>

<td width="100%">只能是汉字:<input onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')"></td>

</tr>

<tr>

<td width="100%">只能是英语字符:<input onkeydown="onlyEng();"></td>

</tr>

<tr>

<td width="100%">只能是数字:<input onkeydown="onlyNum();"></td>

</tr>

<tr>

<td width="100%">只能是数字:<input onkeyup="value=value.replace(/[^0-9]/g,'')"></td>

</tr>

<tr>

<td width="100%">只能是英文字母和数字:<input onkeyup="value=value.replace(/[/W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"></td>

</tr>

<tr>

<td width="100%">验证email格式:<input type=text onblur=isEmail(this.value)></td>

</tr>

<tr>

<td width="100%"><a name=2></a><B style='color:black;background-color:#99ff99'>不能输入汉字</B><INPUT onpaste="return false;" style="IME-MODE: disabled; WIDTH: 400px" value="I only accept English input! Thanks for corporation!" name=textfield> </td>

</tr>

</table>

</center>

</div>

 

JavaScript - 表单验证实例

表单验证1 表单验证
  • wangzi11322
  • wangzi11322
  • 2015年04月26日 14:01
  • 4893

javascript完整表单验证

html> html lang="en"> head> meta http-equiv="content-type" content="text/html"; charset="UTF-8">...
  • pangqiandou
  • pangqiandou
  • 2016年09月23日 00:24
  • 1590

<Java Web学习初级阶段>JavaScript实现注册页面的表单验证

代码实现: 表单验证 //初始化页面 function initform(){ //第一个文本框获取焦点 //document.getElementById("usern...
  • qq_22599883
  • qq_22599883
  • 2015年09月12日 12:59
  • 2055

JavaScript设计模式系列03_策略模式做的表单验证

效果图: 代码: *{ padding:0; margin:0} 身份证号码...
  • jiang7701037
  • jiang7701037
  • 2018年01月10日 19:51
  • 114

JavaScript_form表单验证:采用focus()事件处理;

// form表单验证:非空、密码确认; // 思路:采用focus()来进行验证; window.onload = checkForms; function checkForms() { ...
  • cenyebao
  • cenyebao
  • 2011年11月06日 16:12
  • 1839

一个简单的HTML表单及JavaScript验证

var username;         var password;         var email;         var emailName;         function u...
  • forguy10
  • forguy10
  • 2017年01月14日 17:34
  • 201

JavaScript用户注册表单验证

function check(){if (document.form1.name.value == ""){alert("请填写您的用户名!");document.form1.name.focus()...
  • yangm1203
  • yangm1203
  • 2007年07月17日 17:18
  • 1302

整理的一些常用的js表单验证

/** * 验证时间 * @param dataValue 格式为:YYYY-MM-DD * @returns 匹配返回true 不匹配返回false */ function valiDate...
  • zp522123428
  • zp522123428
  • 2014年09月05日 09:36
  • 5222

Javascript验证表单身份证号码的合法性

文章出处: http://dengo.org/archives/941 不少大的游戏注册时都要输入身份证号码,来限制未成年人,配合所谓的反沉迷系统,账号注册环节注重的是快捷,所以身份证验证都不是...
  • thinkscape
  • thinkscape
  • 2013年12月30日 16:50
  • 6910

一个简单的表单验证JS

一个简单的表单验证JS 这个表单验证支持空值,长度,范围,群组,ajax 示例效果 验证模式1 验证模式2 用户名 密码 ...
  • qq_27289001
  • qq_27289001
  • 2015年11月29日 20:42
  • 859
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript表单验证集锦
举报原因:
原因补充:

(最多只允许输入30个字)