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

yizhihongxing

下面详细讲解"常用的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实现页面多个日期时间倒计时效果的攻略如下: 1. 获取倒计时目标时间 首先,我们需要通过JS获取到倒计时的目标时间。目标时间可以通过后端接口获取,也可以通过前端手动指定。我们可以使用Date对象,把目标时间转化为时间戳,之后再与当前时间的时间戳作差,得到剩余时间。 // 获取目标时间 let targetTime = new Date(‘2022-01-…

    JavaScript 2023年5月27日
    00
  • 使用javaScript动态加载Js文件和Css文件

    使用JavaScript动态加载JS文件和CSS文件是一种常见的前端技巧,可以帮助优化网页加载速度,提升用户体验。下面是实现这个技巧的完整攻略: 动态加载JS文件 动态加载JS文件通常分为两种方式:利用script标签动态插入和利用XMLHttpRequest请求代码并执行。 利用script标签动态插入 通过在HTML文档中添加一个script标签,并设置…

    JavaScript 2023年5月27日
    00
  • 微信小程序发布新版本时自动提示用户更新的方法

    下面是关于微信小程序发布新版本时自动提示用户更新的方法的完整攻略: 1. 使用微信官方提供的更新方法 微信官方提供了一个检查更新的API,可以轻松地实现版本检查功能,并自动提示用户更新。具体步骤如下: 在app.js文件中使用wx.getUpdateManager()方法获取小程序更新管理器实例。 javascript const updateManager…

    JavaScript 2023年6月10日
    00
  • JavaScript定义全局对象的方法示例

    我们来讲解一下“JavaScript定义全局对象的方法示例”的完整攻略。 定义全局对象的方法 在JavaScript中定义一个全局对象需要遵循以下步骤: 创建一个对象 使用JavaScript的内置构造函数Object()方法或者字面量的方式来创建一个对象: var myObject = new Object(); 或者: var myObject = {}…

    JavaScript 2023年5月27日
    00
  • JavaScript 计算笛卡尔积实例详解

    JavaScript 计算笛卡尔积实例详解 什么是笛卡尔积? 笛卡尔积是数学中一个常用的概念,其定义如下: 对于集合A和集合B,它们的笛卡尔积A×B是指:所有可能的有序数对构成的集合{ (a, b) | a∈A, b∈B }。 实际上,笛卡尔积可以推广到N个集合的情况下。假设有N个集合A1, A2, …, AN,它们的笛卡尔积为 A1×A2×…×AN…

    JavaScript 2023年5月28日
    00
  • js中script的上下放置区别,Dom的增删改创建操作实例分析

    JavaScript中,标签可以放在HTML文档中的和标签中。但不同的放置区域会对脚本的使用产生影响。 script的上下放置区别 放在标签中 当脚本代码放在标签中时,它的作用域是全局的,也就是说,它可以在HTML文档中的任何部分被访问到,包括标签中和标签中。 <!DOCTYPE html> <html> <head> &…

    JavaScript 2023年6月10日
    00
  • JS逆向之浏览器补环境图文详解

    JS逆向技术是黑客攻击的重要手段之一,它可以帮助黑客突破各种安全防线,获得非法访问权限。其中,浏览器补环境是逆向技术中的一项重要内容,下面我将为大家详细讲解相关攻略。 什么是浏览器补环境? 浏览器补环境,或者说沙盒环境,是指浏览器运行JS脚本时,为了确保安全性而对JS代码的执行环境进行隔离。在这种沙盒环境下,JS脚本只能访问指定的环境变量和API,且对于底层…

    JavaScript 2023年5月28日
    00
  • Js 刷新框架页的代码

    要刷新网页的话可以使用JavaScript的location.reload()函数。该函数会重新加载当前网页,现在我们来分步骤说明如何实现这个功能: 步骤一:创建按钮 首先,在HTML中创建一个按钮(或其他适合的元素)。 <button onClick="refreshPage()">刷新页面</button> 步…

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