`
cuker919
  • 浏览: 100739 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

最实用的js表单验证方法

 
阅读更多

每次都要用到表单验证的时候,就在到处找东西,而网上的很多都不见的好用。自己终于累计了这些方法,在自己的程序中使用了的一些方法,肯定是好用的,主要使用了简单的正则表达式进行判断。如果有bug,欢迎提出来。

//下面验证的是长度
function checkTextLen(textId){

var len = 0;
var checkField=document.getElementById(textId);
var inputstring = checkField.value;
var string_length = inputstring.length;
if (string_length == 0)
{
return 0;
}
for (var i=0;i<string_length;i++)
{
if (inputstring.charAt(i).charCodeAt()>255) len+=2;
else len+=1;
}
return len;

}

function checkTextLength(textId,length,msg){
var textObj =document.getElementById(textId);
if(checkTextLen(textId)>length/1){

alert("["+msg+"]"+"长度最大为"+length+"位,"+"请重新输入!注意:一个汉字占2位");
textObj.focus();
return false;
}else {
return true;
}
}

//下面验证不含有非法的字符,中文,英文,数字都是合法的。
function isValidString(textId,errMsg){
szStr = document.getElementById(textId).value;
voidChar = "'/"><`~!@#$%^&/(/)()!¥……??“”‘’*";
for(i = 0 ; i < voidChar.length; i ++){
aChar = voidChar.substring(i, i + 1);
if(szStr.indexOf(aChar) > -1){
alert(errMsg);
return false;
}
}
return true;
}

//下面验证只可以输入字母,数字,下划线
function isEnglish(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正则表达式限制的长度在6到20之间
//var patrn=/^(/w){6,20}$/;
var patrn =/^(/w)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}

//下面验证只允许中文
function isChinese(textId,errMsg)
{
s = document.getElementById(textId).value;
var patrn =/[^/u4E00-/u9FA5]/g;
if (patrn.exec(s)){
alert(errMsg);
return false
}
return true
}

//下面验证只允许数字
function isNumber(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正则表达式限制的长度在6到20之间
//var patrn=/^(/d){6,20}$/;
var patrn =/^(/d)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}

使用js的正则表达式用来控制不允许在文本框里面输入非数字,也就是只允许输入数字。调用方法 : onkeyup="onlyNum(this);"
function onlyNum(obj)
{
temp = obj.value;
//注意下面的正则表达式的写法,没有用引号括起来。。
obj.value = temp.replace(//D/g,'');
}

分享到:
评论

相关推荐

    js表单验证 全网最全的 表单验证

    本资源集合了全网最全面的JavaScript表单验证方法,覆盖了从基础到高级的各种验证场景。 首先,让我们详细探讨一下`js表单验证`。JavaScript是一种在客户端运行的脚本语言,它可以在用户填写表单时实时检查输入,...

    javascript很好很强大的JS表单验证

    javascript很好很强大的JS表单验证 javascript很好很强大的JS表单验证

    最简单最实用最灵活最好的JS表单验证

    本教程聚焦于使用JavaScript(JS)进行简单的表单验证,这是一种轻量级且高度灵活的方法,适合任何具备基础JS知识的开发者。 首先,我们关注三个基本的验证字段:用户名、密码和确认密码。这些是大多数注册或登录...

    js表单验证实例,HTML文件,javascript常用表单验证

    js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等

    超强大的JS表单验证及使用方法教程

    超强大的JS表单验证及使用方法教程: 真实姓名只允许中文; 英文名只允许英文字母; 非法的Url; 密码不符合安全规则; 两次输入的密码不一致; 信箱格式不正确; QQ号码不存在; 身份证号码不正确; 电话号码不正确...

    JS注册表单验证

    网上常见的用JS编写的注册表单验证的代码,非常实用哦

    javascript表单验证方式一

    通过以上方法,我们可以构建出一套完整的JavaScript表单验证机制。在实际项目中,根据需求选择合适的验证方式,结合HTML5特性,以及第三方库,能有效地提高表单验证的效率和用户体验。在提供的`testSubmit.html`文件...

    js表单验证 表单验证类 整合

    js表单验证 表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于...

    最全面的JS表单验证

    这些函数构成了一个全面的JavaScript表单验证工具集,可以用于各种网页表单中的数据校验,确保用户输入的数据有效且符合要求。在实际应用中,这些函数通常会集成到更复杂的表单验证流程中,与HTML表单元素的`...

    通用JS表单验证

    时将调用function属性中指定的javascript方法(要求方法返回true或false,返回false将不再验证表单,也不提交表单)。 5、在表单通过验证提交前disable一个按钮(也可将其它域disable,不能与其它验证同在一个域),不...

    一个完美的js表单验证案例

    "一个完美的js表单验证案例"利用JavaScript(特别是jQuery库)实现了这一功能,提供了高效、用户友好的验证机制。 JavaScript作为客户端脚本语言,可以直接在用户的浏览器上运行,这使得表单验证可以实时进行,减少...

    JS表单验证与JS常见问题解决方案

    "JavaScript常见问题整理.txt"、"表单验证大全.txt"、"JavaScript表单验证控制代码大全.txt"、"JavaScript验证表单函数大全.txt"这些文件将提供更具体的信息和示例代码,帮助深入理解和掌握这一主题。

    javascript表单验证器三方库.zip

    总的来说,"javascript表单验证器三方库.zip" 提供了一个强大的工具,用于处理JavaScript表单验证,它具有可配置性、递归数据验证等特性,是开发高效、健壮的Web应用的重要辅助工具。无论是初学者还是经验丰富的...

    javascript表单验证 正则表达式验证表单

    比较实用的javascript做的表单验证,验证的表单域包括用户名、密码、密码确认、密码提示问题、邮箱、手机号码、身份证。表单域基本通过获得焦点显示提示信息,失去焦点进行验证,还有提交表单验证。提交表单先进行...

    js 表单验证网页特效

    首先,我们需要理解JavaScript表单验证的基本概念。表单是HTML中的一个元素,用于收集用户输入。而验证则是检查这些输入是否符合预设的规则,如非空、邮箱格式、电话号码格式等。JavaScript可以通过监听表单的submit...

    一个实用的JS表单验证提示效果

    一个实用的JS表单验证提示效果

    JS表单验证大全,JS表单验证大全

    JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全

    简单js表单验证大全

    以上都是简单的JavaScript表单验证实例,它们可以单独使用,也可以结合到更复杂的表单验证系统中。在实际开发中,通常会使用更高级的库如jQuery或现代框架如React、Vue等,结合表单验证库(如Formik、Vuelidate等)...

    js表单验证、js导出excel、js验证

    本篇文章将深入探讨三个关键知识点:JS表单验证、JS导出Excel以及JS验证。 一、JS表单验证 在Web应用程序中,表单是用户与服务器进行数据交互的主要方式。JS表单验证是在用户提交数据之前,于客户端执行的一系列...

    JQ,JS表单验证大全

    本文将深入探讨如何使用jQuery(JQ)和纯JavaScript(JS)进行表单验证,并结合"JQ表单验证大全"这个资源,提供一些实用的验证方法和策略。 ### jQuery表单验证 jQuery提供了丰富的API,使得表单验证变得简单易行...

Global site tag (gtag.js) - Google Analytics