来源：蜘蛛抓取(WebSpider)
时间：2015-04-13 23:14
标签：
cocos2d js 输入框
1238人阅读
1. 长度限制
function test()
if(document.a.b.value.length&50)
alert(&不能超过50个字符！&);
document.a.b.focus();
&form name=a onsubmit=&returntest()&&
&textarea name=&b&cols=&40& wrap=&VIRTUAL&rows=&6&&&/textarea&
&input type=&submit&name=&Submit& value=&check&&
2. 只能是汉字
&inputonkeyup=&value=&/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')&&
3.& 只能是英文
&script language=javascript&
function onlyEng()
if(!(event.keyCode&=65&&event.keyCode&=90))
event.returnvalue=
&inputonkeydown=&onlyEng();&&
4. 只能是数字
&script language=javascript&
function onlyNum()
if(!((event.keyCode&=48&&event.keyCode&=57)||(event.keyCode&=96&&event.keyCode&=105)))
//考虑小键盘上的数字键
event.returnvalue=
&inputonkeydown=&onlyNum();&&
5. 只能是英文字符和数字
&inputonkeyup=&value=&/oblog/value.replace(/[\W]/g,&'')&onbeforepaste=&clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))&&
6. 验证油箱格式
&SCRIPT LANGUAGE=javascriptRUNAT=Server&
function isEmail(strEmail) {
if(strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)!= -1)
alert(&oh&);
&input type=text onblur=isEmail(this.value)&
7. 屏蔽关键字(这里屏蔽***和****)
&scriptlanguage=&javascript1.2&&
function test() {
if((a.b.value.indexOf (&***&) ==0)||(a.b.value.indexOf (&****&) == 0)){
alert(&:)&);
a.b.focus();
&form name=a onsubmit=&returntest()&&
&input type=text name=b&
&input type=&submit&name=&Submit& value=&check&&
8. 两次输入密码是否相同
&FORM METHOD=POSTACTION=&&&
&input type=&password&id=&input1&&
&input type=&password&id=&input2&&
&input type=&button&value=&test& onclick=&check()&&
function check()
with(document.all){
if(input1.value!=input2.value)
alert(&false&)
input1.value = &&;
input2.value = &&;
else document.forms[0].submit();
屏蔽右键很酷
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();
2.2& 比较两个表单项的值是否相同
&script&language=&javascript&&
function&CheckForm()
if&(document.form.PWD.value& !=& document.form.PWD_Again.value)& {&
alert(&您两次输入的密码不一样！请重新输入.&);
document.ADDUser.PWD.focus();
2.3& 表单项只能为数字和&_&,用于电话/银行帐号验证上,可扩展到域名注册等
&script&language=&javascript&&
function&isNumber(String)
var&Letters& =& &-&;& //可以自己增加可输入值
if(String.charAt(& 0&)=='-')
if(&String.charAt(& String.length& -&1& )& ==&'-'& )
for(&i& =& 0;&i& && String.& i&++& )
c&=& String.charAt(& i& );
if&(Letters.indexOf(& c& )&&& 0)
function&CheckForm()
if(!&isNumber(document.form.TEL.value))&{&
alert(&您的电话号码不合法！&);
document.form.TEL.focus();
2.4& 表单项输入数值/长度限定
&script&language=&javascript&&
function&CheckForm()&
if&(document.form.count.value&&& 100& ||&document.form.count.value&&& 1)
alert(&输入数值不能小于零大于100!&);
document.form.count.focus();
if&(document.form.MESSAGE.value.length&10)
alert(&输入文字小于10!&);
document.form.MESSAGE.focus();
2.5& 中文/英文/数字/邮件地址合法性判断
&SCRIPT&LANGUAGE=&javascript&&
function&isEnglish(name)& //英文值检测
if(name.length& ==& 0)
for(i&=& 0;& i&&& name.& i++)&{&
if(name.charCodeAt(i)& &&128)
function&isChinese(name)& //中文值检测
if(name.length& ==& 0)
for(i&=& 0;& i&&& name.& i++)&{&
if(name.charCodeAt(i)& &&128)
function&isMail(name)& //& E-mail值检测
if(!&isEnglish(name))
i&=& name.indexOf(&& at&&);
j&=& name& dot&lastIndexOf(&& at& &);
if(i&==& -1)
if(i&!=& j)
if(i&==& name& dot&length)
function&isNumber(name)& //数值检测
if(name.length& ==& 0)
for(i&=& 0;& i&&& name.& i++)&{&
if(name.charAt(i)& &&&0&& ||& name.charAt(i)& &&&9&)
function&CheckForm()
if(!&isMail(form.Email.value))& {&
alert(&您的电子邮件不合法！&);
form.Email.focus();
if(!&isEnglish(form.name.value))&{&
alert(&英文名不合法！&);
form.name.focus();
if(!&name.value))&{&
alert(&中文名不合法！&);
<name.focus();
if(!&isNumber(form.PublicZipCode.value))&{&
alert(&邮政编码不合法！&);
form.PublicZipCode.focus();
2.6& 限定表单项不能输入的字符
&script&language=&javascript&&
function&contain(str,charset)//& 字符串包含测试函数
for(i=0;i&charset.i++)
if(str.indexOf(charset.charAt(i))&=0)
function&CheckForm()
if&((contain(document.form.NAME.value,&&%\(\)&&&))&||& (contain(document.form.MESSAGE.value,& &%\(\)&&&)))
alert(&输入了非法字符&);
document.form.NAME.focus();
&/script&&
1. 检查一段字符串是否全由数字组成&&&&&&
---------------------------------------&&&&&&
&scriptlanguage=&Javascript&&&!--&&&&&&&&&&
function checkNum(str){returnstr.match(/\D/)==null}&&&&&&&&&&
alert(checkNum(&&))&&&&&&&&&&
alert(checkNum(&&))&&&&&&&&&&
// --&&/script&&&&&&&&&
2. 怎么判断是否是字符&&&&&&&&
---------------------------------------&&&&&&
if (/[^\x00-\xff]/g.test(s)) alert(&含有汉字&);&&&&&&&&&
else alert(&全是字符&);&&&&&
&&&&&&&&&&
3. 怎么判断是否含有汉字&&&&&&&
---------------------------------------&&&&&&&
if(escape(str).indexOf(&%u&)!=-1) alert(&含有汉字&);&&&&&&&&
else alert(&全是字符&);&&&&&&&&&&
4. 邮箱格式验证&&&
---------------------------------------&&&&&
//函数名：chkemail&&&&
//功能介绍：检查是否为EmailAddress&&&&
//参数说明：要检查的字符串&&&&
//返回值：0：不是 1：是&&&&
function chkemail(a)&&&&
{ var i=a.&&&&
var temp = a.indexOf('@');&&&&
var tempd = a.indexOf('.');&&&&
if (temp & 1) {&&&&
if ((i-temp) & 3){&&&&
if ((i-tempd)&0){&&&&
return 1;&&&&
return 0;&&&&
5. 数字格式验证&&&
---------------------------------------&&&&&
//函数名：fucCheckNUM&&&&
//功能介绍：检查是否为数字&&&&
//参数说明：要检查的数字&&&&
//返回值：1为是数字，0为不是数字&&&&
function fucCheckNUM(NUM)&&&&
var i,j,strT&&&&
strTemp=&&;&&&&
if ( NUM.length== 0)&&&&
return 0&&&&
for (i=0;i&NUM.i++)&&&&
j=strTemp.indexOf(NUM.charAt(i));&&&&
if (j==-1)&&&&
//说明有字符不是数字&&&&
return 0;&&&&
//说明是数字&&&&
return 1;&&&&
6. 电话号码格式验证&&&
---------------------------------------&&&&&
//函数名：fucCheckTEL&&&&
//功能介绍：检查是否为电话号码&&&&
//参数说明：要检查的字符串&&&&
//返回值：1为是合法，0为不合法&&&&
function fucCheckTEL(TEL)&&&&
var i,j,strT&&&&
strTemp=&-()# &;&&&&
for (i=0;i&TEL.i++)&&&&
j=strTemp.indexOf(TEL.charAt(i));&&&&
if (j==-1)&&&&
//说明有字符不合法&&&&
return 0;&&&&
//说明合法&&&&
return 1;&&&&
7. 判断输入是否为中文的函数&&
---------------------------------------&&&&&
function ischinese(s){&&
var ret=&&
for(var i=0;i&s.i++)&&
ret=ret &&(s.charCodeAt(i)&=10000);&&
8. 综合的判断用户输入的合法性的函数&
---------------------------------------&&&&&
&scriptlanguage=&javascript&&&
//限制输入字符的位数开始&
//m是用户输入，n是要限制的位数&
function issmall(m,n)&
if ((m&n) && (m&0))&
&return(false);&
{return(true);}&
9. 判断密码是否输入一致&
---------------------------------------&&&&&
function issame(str1,str2)&
if (str1==str2)&
{return(true);}&
{return(false);}&
10. 判断用户名是否为数字字母下滑线
---------------------------------------&&&&&
function notchinese(str){
var reg=/[^A-Za-z0-9_]/g
&&&if (reg.test(str)){
&&&return (false);
return(true);&&& }
11. form文本域的通用校验函数
---------------------------------------&&&&&
作用：检测所有必须非空的input文本，比如姓名，账号，邮件地址等等。
该校验现在只针对文本域，如果要针对form里面的其他域对象，可以改变判断条件。
使用方法：在要检测的文本域中加入title文字。文字是在提示信息，你要提示给用户的该字段的中文名。比如要检测用户名
html如下&inputname=&txt_1& title=&姓名&&,当然，最好用可视化工具比如dreamweaver什么的来编辑域。
如果要检测数字类型数据的话，再把域的id统一为sz.
javascript判断日期类型比较麻烦，所以就没有做日期类型校验的程序了.高手可以补充。
程序比较草，只是提供一个思路。抛砖引玉！：）
哦，对了，函数调用方法：& form&onsubmit=&return dovalidate()&&
function dovalidate()
fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件
&&&for(i=0;i&fm.i++)
&&&//检测判断条件，根据类型不同可以修改
&&&if(fm[i].tagName.toUpperCase()==&INPUT&&&fm[i].type.toUpperCase()==&TEXT& &&(fm[i].title!=&&))
&&&&&&&&if(fm[i].value=&/blog/=&&)//
&&&&&&&&str_warn1=fm[i].title+&不能为空!&;
&&&&&&&&alert(str_warn1);
&&&&&&&fm[i].focus();
&&&&&&&&&&&&&&&&
&&&&&&&&if(fm[i].id.toUpperCase()==&SZ&)//数字校验
&&&&&&&&&&&&&&&& if(isNaN(fm[i].value))
&&&&&&&&&&&&&&& { str_warn2=fm[i].title+&格式不对&;
&&&&&&&&&&&&&&& alert(str_warn2);
&&&&&&&&&&&&&&& fm[i].focus();
&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&& }
2 &表单提交验证类
2.1 表单项不能为空
&scriptlanguage=&javascript&&
function CheckForm()
if (document.form.name.value.length == 0) {
alert(&请输入您姓名!&);
document.form.name.focus();
2.2 比较两个表单项的值是否相同
&scriptlanguage=&javascript&&
function CheckForm()
if (document.form.PWD.value !=document.form.PWD_Again.value) {
alert(&您两次输入的密码不一样！请重新输入.&);
document.ADDUser.PWD.focus();
2.3 表单项只能为数字和&_&,用于电话/银行帐号验证上,可扩展到域名注册等
&scriptlanguage=&javascript&&
function isNumber(String)
var Letters = &-&; //可以自己增加可输入值
if(String.charAt( 0 )=='-')
if( String.charAt( String.length - 1 ) =='-' )
for( i = 0; i & String. i ++ )
c = String.charAt( i );
if (Letters.indexOf( c ) & 0)
function CheckForm()
if(! isNumber(document.form.TEL.value)) {
alert(&您的电话号码不合法！&);
document.form.TEL.focus();
2.4 表单项输入数值/长度限定
&scriptlanguage=&javascript&&
function CheckForm()
if (document.form.count.value & 100 ||document.form.count.value & 1)
alert(&输入数值不能小于零大于100!&);
document.form.count.focus();
if(document.form.MESSAGE.value.length&10)
alert(&输入文字小于10!&);
document.form.MESSAGE.focus();
2.5 中文/英文/数字/邮件地址合法性判断
&SCRIPTLANGUAGE=&javascript&&
function isEnglish(name) //英文值检测
if(name.length == 0)
for(i = 0; i & name. i++) {
if(name.charCodeAt(i) & 128)
function isChinese(name) //中文值检测
if(name.length == 0)
for(i = 0; i & name. i++) {
if(name.charCodeAt(i) & 128)
function isMail(name) // E-mail值检测
if(! isEnglish(name))
i = name.indexOf(& at &);
j = name dot lastIndexOf(& at &);
if(i == -1)
if(i != j)
if(i == name dot length)
function isNumber(name) //数值检测
if(name.length == 0)
for(i = 0; i & name. i++) {
if(name.charAt(i) & &0& ||name.charAt(i) & &9&)
function CheckForm()
if(! isMail(form.Email.value)) {
alert(&您的电子邮件不合法！&);
form.Email.focus();
if(! isEnglish(form.name.value)) {
alert(&英文名不合法！&);
form.name.focus();
if(! name.value)) {
alert(&中文名不合法！&);
<name.focus();
if(! isNumber(form.PublicZipCode.value)) {
alert(&邮政编码不合法！&);
form.PublicZipCode.focus();
2.6 限定表单项不能输入的字符
&scriptlanguage=&javascript&&
function contain(str,charset)// 字符串包含测试函数
for(i=0;i&charset.i++)
if(str.indexOf(charset.charAt(i))&=0)
function CheckForm()
if ((contain(document.form.NAME.value,&%\(\)&&&)) || (contain(document.form.MESSAGE.value,&%\(\)&&&)))
alert(&输入了非法字符&);
document.form.NAME.focus();
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：174153次
积分：3733
积分：3733
排名：第3534名
原创：109篇
评论：823条
(2)(6)(2)(1)(3)(7)(5)(1)(1)(2)(4)(2)(4)(4)(5)(5)(2)(4)(4)(4)(3)(4)(4)(3)(9)(4)(11)(3)(3)(3)精彩表单验证_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
文档贡献者
评价文档：
喜欢此文档的还喜欢
精彩表单验证
最​精​彩​的​表​单​技​术​：​智​能​验​证​、​精​彩​代​码​,​帮​助​您​减​少​编​码​的​时​间​,​快​速​开​发​网​站​系​统​。
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
大小：14.59KB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢Ember.js 表单验证的使用例子-js教程-网页制作-壹聚教程网Ember.js 表单验证的使用例子Ember.js 里，一件事情常常有多种做法，比如一个表单元素 input 输入框，用于用户注册时填写用户名，则至少可以有以下几种写法： &handlebars.js 模板1
&input type=&text& placeholder=&请输入用户名& {{bind-attr value=&username&}}&
&Ember.TextField
Ember.TextField 是 Ember.js 内建的一个 View 类2，
//template
{{view Ember.TextField valueBinding=&value& placeholder=&请输入用户名&}}
&扩展 Ember.TextField 类
App.UsernameTextField = Ember.TextField.extend({
// template
{{view App.UsernameTextField valueBinding=&value& placeholder=&请输入用户名&}}
需求：对 input 里填写的用户名，我需要发起 ajax 请求到服务器，验证该用户名是否可用。
触发验证的时机：输入框失焦时。在 Ember.js 里，该事件为 foucusOut。我会在 input 输入框失去焦点时向服务器 API 接口请求结果。
一个最快的解决办法是，直接把事件绑定给 View 类的属性(以下说明均基于上面的第三种写法)，如下3：
App.UsernameTextField = Ember.TextField.extend({
& focusOut: function(evt){
&&& var username = this.get('value');
&&& console.log(username);
&&& //这里我可以使用 jQuery 发起 ajax 请求远程服务器进行表单验证
&&& $.post('/api/user', {username: username}, function(response) {
&&&&& console.log(response);
因为我们在模板里对 value 做了双向绑定4，所以 View 里可以通过 this.get('value') 取得当前输入框的值。这样，在输入框失去焦点后，就可以将取得的用户名通过 ajax 请求发送到服务器要求验证
原文来自：
上一页： &&&&&下一页：相关内容求教：js表单验证问题和ajax用户名验证问题
[问题点数：40分，结帖人qiqizz]
求教：js表单验证问题和ajax用户名验证问题
[问题点数：40分，结帖人qiqizz]
只显示楼主
取消只显示楼主
相关帖子推荐：
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。
