`
accpxudajian
  • 浏览: 460108 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 表单验证(常用方法)(收藏)

阅读更多
>>给js的String类添加扩张方法: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<script type="text/javascript" src="jquery.js"></script> 
<script > 

//去除空格 
String.prototype.Trim = function() { 
  var m = this.match(/^\s*(\S+(\s+\S+)*)\s*$/); 
  return (m == null) ? "" : m[1]; 
} 
//简单小例子 
String.prototype.meFunc=function(mess) 
{ 
  return "Mess===="+mess; 
} 
function check() 
{ 
  //正确的联系方式:或者手机或者电话都可以。 
  alert($("#checkobj").val().isTel() ||$("#checkobj").val().isMobile()); 
  alert($("#checkobj").val().isEmail()); 
} 

//判断是不是手机 
String.prototype.isMobile = function() { 
  return (/^(?:13\d|15[89])-?\d{5}(\d{3}|\*{3})$/.test(this)); 
} 
//判断是不是座机电话 
String.prototype.isTel = function() 
{ 
    //"兼容格式: 国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)" 
    //return (/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/.test(this.Trim())); 
    return (/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/.test(this)); 
} 
//判断是不是邮箱 
String.prototype.isEmail=function(){ 
var isEmail=/^([-_A-Za-z0-9\.]+)@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/; 
return isEmail.test(this); 
} 
</script> 
  <TITLE> New Document </TITLE> 
</HEAD> 
<BODY> 
<input type="button" value="测试" onclick="check()"><br /> 
输入测试数据: <input type="text" id="checkobj" /><br /> 
<div id="mydiv">显示结果:</div> 
</BODY> 
</HTML> 

 

分享到:
评论

相关推荐

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

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

    常用表单数据验证JS

    "常用表单数据验证JS"这个压缩包很可能是包含了一系列JavaScript函数和库,用于实现各种常见的表单验证功能。以下是一些关于表单数据验证的基本概念和常用方法: 1. **基本概念**: - **数据验证**:是指在用户...

    js几种常用表单验证控件

    这篇文档将深入探讨JavaScript中几种常用的表单验证控件和方法。 一、基本的HTML5验证 HTML5引入了内置的表单验证属性,如`required`、`pattern`、`min`、`max`等,使得验证变得更加简单。例如: ```html ``` ...

    常用的表单验证

    该方法封装了表单验证的方法。引用后使用内置的方法即可。其中使用了正则表达式验证规则。

    js表单验证(含自定义)

    一、JavaScript表单验证基础 1. 验证事件:在JavaScript中,我们可以监听表单的`submit`事件,当用户尝试提交表单时触发验证。例如: ```javascript document.getElementById('myForm').addEventListener('submit',...

    js实时动态验证表单是否合法

    - 常用的表单验证库有jQuery Validation Plugin、Formik、Vuelidate等,它们提供丰富的验证规则和友好的API,简化表单验证的实现。 8. **错误提示** - 实时验证成功时应清除错误提示,失败时显示明确的错误信息,...

    javascript 表单验证禁止输入中文汉字

    JavaScript 是一种常用的客户端脚本语言,它可以直接在用户的浏览器上运行,用于实现表单验证。在这个场景中,我们需要实现的功能是:在JavaScript中禁止用户在表单字段中输入中文汉字。 首先,我们要理解如何检测...

    常用js表单验证 正则表达式实现

    几乎包含了所有的表单验证,通过JavaScript加上正则表达式实现 几乎包含了所有的表单验证,通过JavaScript加上正则表达式实现

    js常用的表单验证(自己收集的哦。很多的代码)

    以上知识覆盖了JavaScript表单验证的基本原理和实践方法,但实际应用中可能需要根据具体需求进行调整和扩展。通过不断学习和实践,你可以掌握更高级的验证技巧,为用户提供更加安全、流畅的表单填写体验。

    JavaScript表单验证

    里面有JS表单验证常用的一些方法和调用的实例,注释详细,适合快速开发表单型的网页

    基于JavaScript的表单验证.zip

    本资源"基于JavaScript的表单验证.zip"提供了一种使用JavaScript进行表单验证的方法,涵盖了HTML、CSS、JavaScript以及正则表达式等多个关键技术领域。 首先,HTML(超文本标记语言)是构建网页的基础,用于定义...

    高级的javascript表单验证

    高级的javascript表单验证, 正则及常用验证 制作带关闭按钮的浮动窗口 制作全选全不选效果效果 DIV提示效果的表单验证

    常用表单验证脚本函数

    这篇博客"常用表单验证脚本函数"主要探讨了JavaScript中用于表单验证的一些关键函数和方法。通过学习这些函数,开发者可以创建更加健壮和用户友好的表单。 1. **required属性**:这是HTML5引入的一个特性,可以在...

    JavaScript程序设计——页面设置与表单验证实验报告.docx

    实验报告的标题“JavaScript程序设计——页面设置与表单验证实验报告.docx”涉及的核心是JavaScript编程中的两个关键领域:页面设置和表单验证。在Web开发中,JavaScript是一种常用的客户端脚本语言,用于增强用户的...

    JS验证表单大全

    ### JS验证表单大全知识点详解 #### 一、长度限制 **知识点概述:** 此功能主要用来限制用户在表单中的输入长度...以上便是基于给定内容总结出的各个知识点及其详细解析,希望对理解和应用这些表单验证技巧有所帮助。

    js表单验证大全,js提交表单

    2. **JavaScript表单验证** - **内置函数验证**: `isNaN()`用于检测是否为数字,`required`属性可直接在HTML5中设置必填项。 - **自定义函数验证**: 可以编写自定义函数,如`validateEmail()`,对特定输入进行校验...

    常用的js表单验证脚本

    常用js表单验证....................

    javascript 验证表单 工具

    javascript验证表单工具,各种常用表单验证的正则表达式。

    JS通用表单验证函数1

    在JavaScript编程中,表单验证是网页开发中的一个重要环节,它确保用户输入的数据符合预期的格式和规则,...结合提供的文件,开发者可以学习到更多关于JavaScript表单验证的技巧和最佳实践,进一步提升他们的编程技能。

    JavaScript表单常用验证集合_应用技巧

    ### JavaScript表单常用验证集合:应用技巧 在Web开发中,表单验证是确保用户输入数据有效性和安全性的重要环节。JavaScript作为前端开发的核心语言之一,提供了丰富的工具来实现这一目标。本文将详细介绍几种常见...

Global site tag (gtag.js) - Google Analytics