美文网首页
js常用方法

js常用方法

作者: 橙一万 | 来源:发表于2021-01-15 15:46 被阅读0次

样式问题

鼠标样式

描述
url 需使用的自定义光标的 URL。注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。
default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右(东)移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize 此光标指示矩形框的边缘可被向上(北)移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize 此光标指示矩形框的边缘可被向下移动(南)。
w-resize 此光标指示矩形框的边缘可被向左移动(西)。
text 此光标指示文本。
wait 此光标指示程序正忙(通常是一只表或沙漏)。
help 此光标指示可用的帮助(通常是一个问号或一个气球)。
   //js修改鼠标移动到指定元素鼠标的样式
例子:
      <div style="cursor:default"></div>

表单校验

    //手机号验证
    function checkPhone(phone) {
        if (!(/^1[3456789]\d{9}$/.test(phone))) {
            // alert("手机号码有误,请重填");
            layer.msg('手机号格式不正确!');
            return false;
        } else {
            return true;
        }
    }

    //判断输入框是否为空
    function checkText(text) {
        if (text == "" || text == null) {
            layer.msg('用户名不能为空');
            return false;
        } else {
            return true;
        }
    }

    /**
     * 校验表单
     * @param requestData
     */
    function validateForm(requestData){
        //金额 保留两位小数
        let isMoney = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
        //正整数
        let isPositiveInteger = /^[1-9]\d*$/;
        //是否是电话
        let isMobile = /^1[3|4|5|7|8]\d{9}$/;
        //是否是固话
        let isFixPhone = /\d{3}-\d{8}|\d{4}-\d{7}/;

        if(!isMobile.test(requestData.phoneNumber)){
            layer.msg("您输入的手机号有误")
            return false;
        }
        if(!isFixPhone.test(requestData.bindTelephone)){
            layer.msg("您输入的固定电话有误")
            return false;
        }
        if(!isIdCard(requestData.identityCard)){
            layer.msg("请输入正确的身份证号")
            return false;
        }
        if(typeof requestData.StreetId == "undefined" || requestData.StreetId == null || requestData.StreetId == ""){
            layer.msg("请选择完整的行政区域")
            return false;
        }
        return true;
    }

    //是否是身份证号
    function isIdCard(value) {
        let idCard = value;
        if (idCard.length == 15) {
            return isValidityBrithBy15IdCard;
        } else if (idCard.length == 18) {
            let arrIdCard = idCard.split("");
            if (isValidityBrithBy18IdCard(idCard) && isTrueValidateCodeBy18IdCard(arrIdCard)) {
                return true;
            } else {
                return false;
            }
        } else {
            return false;
        }
    }
    function isTrueValidateCodeBy18IdCard(arrIdCard) {
        let sum = 0;
        let Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1];
        let ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2];
        if (arrIdCard[17].toLowerCase() == 'x') {
            arrIdCard[17] = 10;
        }
        for (let i = 0; i < 17; i++) {
            sum += Wi[i] * arrIdCard[i];
        }
        let valCodePosition = sum % 11;
        if (arrIdCard[17] == ValideCode[valCodePosition]) {
            return true;
        } else {
            return false;
        }
    }
    function isValidityBrithBy18IdCard(idCard18) {
        let year = idCard18.substring(6, 10);
        let month = idCard18.substring(10, 12);
        let day = idCard18.substring(12, 14);
        let temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
        if (temp_date.getFullYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 || temp_date.getDate() !=
            parseFloat(day)) {
            return false;
        } else {
            return true;
        }
    }
    function isValidityBrithBy15IdCard(idCard15) {
        let year = idCard15.substring(6, 8);
        let month = idCard15.substring(8, 10);
        let day = idCard15.substring(10, 12);
        let temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));

        if (temp_date.getYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 || temp_date.getDate() !=
            parseFloat(day)) {
            return false;
        } else {
            return true;
        }
    }

相关文章

  • JavaScript数组常用方法

    目录 JS 数组常用API常用属性常用方法常见方法语法解释from方法isArrayconcateveryfill...

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • vue axios cdn 封装

    1.config.js 常用域名封装: 2.utils.js 常用的方法封装: 3.api.js axios接口...

  • 2016-08-05学习笔记

    JS简介 循环 方法一:if goto 常用 方法二:while 常用 方法三:for 常用 同一个变量不能申明...

  • JsUtil

    一些常用的JS方法

  • js 常用方法总结

    字符串的常用属性,概览 Array对象的方法; 详细js数组常用方法大全

  • 小程序-常用utils

    小程序-常用utils,整理常用的小程序js工具方法 剔除回车键 utils.js const delEnter ...

  • 日期格式化等方法

    日期格式化和其他常用方法插件 src/assets/js/dateFilter.js 使用方法 直接在js中调用方...

  • moment用法

    moment.js常用方法 安装依赖 原文地址

  • Recent Problems

    document.createElement创建的元素有哪些属性和方法。其他常用JS原生DOM方法。 Vue.js...

网友评论

      本文标题:js常用方法

      本文链接:https://www.haomeiwen.com/subject/rwiaohtx.html