常用的js验证和数据处理总结

下面详细讲解"常用的JS验证和数据处理总结":

栏目介绍

本栏目主要针对常用的JS验证和数据处理进行总结,并提供一些示例说明,方便开发者在开发过程中快速应用。

表单数据验证

  1. 常用的表单验证有:非空验证、数字验证、电子邮件验证、电话号码验证、URL验证、正则验证。
  2. 针对非空验证可以使用下面的代码片段:
function checkNotNull(str){
    if(str === null || str === ""){
        return false;
    }
    return true;
}
  1. 针对数字验证可以使用下面的代码片段:
function checkNum(str){
    var reg = /^[0-9]+$/;
    if(!reg.test(str)){
        return false;
    }
    return true;
}
  1. 针对电子邮件验证可以使用下面的代码片段:
function checkEmail(str){
    var reg = /^([a-zA-Z0-9_\.-]+)@([\da-zA-Z\.-]+)\.([a-zA-Z\.]{2,6})$/;
    if (!reg.test(str)){
        return false;
    }
    return true;
}
  1. 针对电话号码验证可以使用下面的代码片段:
function checkTel(str) {
    const reg = /^1\d{10}$/;
    if (!reg.test(str)) {
        return false;
    }
    return true;
}
  1. 针对URL验证可以使用下面的代码片段:
function checkURL(str) {
    const reg = /^[a-zA-z]+:\/\/[^\s]*$/;
    if (!reg.test(str)) {
        return false;
    }
    return true;
}
  1. 针对正则验证可以使用下面的代码片段:
function checkReg(reg,str) {
    if (!reg.test(str)) {
        return false;
    }
    return true;
}

数据计算处理

  1. 常用的数据计算处理有:加法、减法、乘法、除法、取整、四舍五入。
  2. 针对加法可以使用下面的代码片段:
function add(num1, num2) {
    return num1 + num2;
}

console.log(add(1, 2));
  1. 针对减法可以使用下面的代码片段:
function subtract(num1, num2) {
    return num1 - num2;
}

console.log(subtract(3, 2));
  1. 针对乘法可以使用下面的代码片段:
function multiply(num1, num2) {
    return num1 * num2;
}

console.log(multiply(2, 3));
  1. 针对除法可以使用下面的代码片段:
function divide(num1, num2) {
    return num1 / num2;
}

console.log(divide(6, 3));
  1. 针对取整可以使用下面的代码片段:
function toInteger(number) {
    return Math.floor(number);
}

console.log(toInteger(1.8));
  1. 针对四舍五入可以使用下面的代码片段:
function round(number) {
    return Math.round(number);
}

console.log(round(1.4));

至此,我们已经掌握了常用的JS验证和数据处理方法,可以灵活应用于项目中。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:常用的js验证和数据处理总结 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • js变量、作用域及内存详解

    JS变量、作用域及内存详解 JavaScript 是一门动态、解释型语言,定义了多种不同类型的值,比如数字、字符串、布尔值、对象等。在 JavaScript 中,变量用于算术计算、字符串拼接、逻辑表达式等各种的场景,变量是引用值和原始值的存储体。 变量 变量的定义与命名规则 在 JavaScript 中,变量的定义使用关键字 var 或 let,如果不带任何…

    JavaScript 2023年6月10日
    00
  • JS实用技巧实现loading加载示例详解

    JS实用技巧实现loading加载示例详解 介绍 在Web开发中,加载速度是一个很重要的问题,如果页面加载时间过长,会影响用户体验。为了优化用户体验,我们可以使用一个loading加载提示,告诉用户正在加载中,这是一个很好的交互方式。本篇文章将介绍如何使用一些JS实用技巧实现loading加载示例。 实现方式 1. 使用CSS动画实现 使用CSS动画可以实现…

    JavaScript 2023年5月27日
    00
  • jQuery结合HTML5制作的爱心树表白动画

    下面是“jQuery结合HTML5制作的爱心树表白动画”完整攻略。 简介 本攻略旨在让读者了解如何使用jQuery和HTML5制作爱心树表白动画。爱心树表白动画是一种浪漫的表白方式,可以通过动画效果展现出心意,深受情侣们的喜爱。 准备工作 在开始制作之前,需要先准备好下面这些工具: 一个文本编辑器,比如Sublime Text、Atom等 一张背景图片 一个…

    JavaScript 2023年6月11日
    00
  • JavaScript 表单处理实现代码

    关于“JavaScript 表单处理实现代码”的详细讲解,本文将分为以下三个部分来介绍。 一、表单处理实现代码的基本知识 在前端开发中,表单的作用是向后端服务器传输数据,因此表单处理是前端开发的核心技术之一。而 JavaScript 是前端开发的主要编程语言之一,它可以很好地与表单交互,实现表单的各种操作。下面是一些常用的表单处理实现代码。 1. 获取表单元…

    JavaScript 2023年6月10日
    00
  • js清理Word格式示例代码

    下面是完整攻略: JS清理Word格式示例代码 什么是清理Word格式 当使用Microsoft Word编辑文本时,将添加许多不必要的格式。如果将复制粘贴的内容从Word文档粘贴到Web页面或其他文本编辑器中,这些格式可以导致页面变得凌乱或难以阅读。为了解决这个问题,我们需要编写代码来清除这些格式。 清理Word格式的方法 有许多方法可以清除Word格式,…

    JavaScript 2023年6月11日
    00
  • 微信小程序 开发指南详解

    微信小程序开发指南详解 微信小程序是一种新型的移动应用程序,能够在微信里面直接运行,不需要额外的下载和安装,具有运行快速、使用方便等优点。本文将详细介绍微信小程序的开发流程,包括微信小程序的创建、开发工具的使用、页面和组件的开发、云开发等内容。 微信小程序的创建 微信小程序的创建需要先登录微信小程序开发者平台,如果没有账号需要先注册。登录后在开发者中心可以进…

    JavaScript 2023年5月27日
    00
  • JS中判断null的方法分析

    JS中判断null的方法分析: 在JavaScript中,有多种方法来判断一个变量值是否为null。以下是几种常见的方法: 1. 使用相等运算符(==) if (variable == null) { // 变量值为null } 使用相等运算符(==)可以判断一个变量值是否为null。如果变量值为null,则返回true,否则返回false。 2. 使用全等…

    JavaScript 2023年6月11日
    00
  • PWA介绍及快速上手搭建一个PWA应用的方法

    PWA(Progressive Web App)是一种新型的WEB应用程序模型,它融合了 Web 和 Native 应用的优势。在移动端可更好的解决应用安装、流量消耗、离线访问、消息推送等问题,能够将您的网站变成一个类似于原生移动应用的东西。 本文将介绍PWA的相关知识,并提供快速上手的搭建PWA应用的方法。 PWA介绍 PWA其实是一种思路,而不是某个具体…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部