[笔记]表单校验validate.js

最新推荐文章于 2023-11-13 21:31:09 发布
最新推荐文章于 2023-11-13 21:31:09 发布
阅读量254 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhouzsn/article/details/111716077
版权 
export function validate (item) {
    // console.log(item)
    // 手机号校验
    const phoneValidate = (rules, value, callback) => {
        // console.log(value)
        if (value) {
            if (!(/^1\d{10}$/.test(value))) {
                callback(new Error('请输入正确的手机号'))
            } else {
                callback()
            }
        } else {
            callback()
        }
    }
    const telValidate = (rules, value, callback) => {
        // console.log(value)
        if (value) {
            if (!(/(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}/.test(value)) && !(/^1\d{10}$/.test(value))) {
                callback(new Error('请输入正确的电话号码'))
            } else {
                callback()
            }
        } else {
            callback()
        }
    }
    const LicensePlate = (rules, value, callback) => {
        console.log(value)
        if (value) {
            if (!(/^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/.test(value))) {
                callback(new Error('请输入正确的车牌号'))
            } else {
                callback()
            }
        } else {
            callback()
        }
    }
    // const priceValidate = (rules, value, callback) => {
    //     // console.log(value)
    //     if (value) {
    //         if (!(/^1[34578]\d{9}$/.test(value))) {
    //             callback(new Error('请输入正确的手机号'))
    //         } else {
    //             callback()
    //         }
    //     } else {
    //         callback()
    //     }
    // }
    // 0<X<1
    const discountValidate = (rules, value, callback) => {
        if (value) {
            if (value > 1 || value <= 0) {
                callback(new Error('请输入大于0小于1的数字'))
            } else {
                callback()
            }
        } else {
            callback()
        }
    }
    const numberValidate = (rules, value, callback) => {
        if (value) {
            // if (!/^[0-9]*$/.test(value) || value - 0 === 0) {
            if (value - 0 <= 0 || value - 0 >= 10000) {
                callback(new Error('请输入正确的金额'))
            } else {
                callback()
            }
        } else {
            callback()
        }
    }
    // 校验
    const arrayValidate = (rules, value, callback) => {
        if (Array.isArray(value)) {
            if (value.length === 0) {
                callback(new Error('该项为必填项'))
            } else {
                callback()
            }
        } else {
            callback(new Error('该输入项需要是数组'))
        }
    }
    const noRepeat = (rules, value, callback) => {
        if (value) {
            let repeatLength = rules.repeatLength || 2
            if (value.length >= repeatLength && /^(\d)\1+$/.test(value)) {
                callback(new Error('不允许输入相同的数字'))
            } else {
                callback()
            }
        } else {
            callback()
        }
    }
    let rules = []
    if (item.required && !item.msg) {
        rules.push({ required: true, message: '该项为必填项', trigger: ['change'] })
    }
    if (item.required && item.msg) {
        rules.push({ required: true, message: item.msg, trigger: ['change'] })
    }
    if (item.max && !item.min) {
        rules.push({ min: 1, max: item.max, message: `最多输入${item.max}个字符!`, trigger: ['change'] })
    }
    if (item.min && item.max) {
        rules.push({ min: item.min, max: item.max, message: `字符长度在${item.min}至${item.max}之间!`, trigger: ['change'] })
    }
    if (item.noRepeat) {
        rules.push({ validator: noRepeat, message: '不允许输入相同的数字', trigger: ['change'], repeatLength: item.repeatLength })
    }
    if (item.type) {
        let type = item.type
        switch (type) {
        case 'C+E+)':
            rules.push({ pattern: /^[/(/)A-Za-z\u4e00-\u9fa5]+$/, message: '只允许输入中文和英文字母', trigger: ['change'] })
            break
        case 'C+E':
            rules.push({ pattern: /^[A-Za-z\u4e00-\u9fa5]+$/, message: '只允许输入中文和英文字母', trigger: ['change'] })
            break
        case 'C+E+N':
            rules.push({ pattern: /^[0-9A-Za-z\u4e00-\u9fa5]+$/, message: '只允许输入中文和英文字母和数字', trigger: ['change'] })
            break
        case 'email':
            rules.push({ type: 'email', message: '请输入正确的邮箱地址', trigger: ['change'] })
            break
        case 'array':
            rules.push({ type: 'array', message: '该项为必填项', trigger: ['change'] })
            break
        case 'phone':
            rules.push({ validator: phoneValidate, trigger: ['change'] })
            break
        case 'LicensePlate':
            rules.push({ validator: LicensePlate, trigger: ['change'] })
            break
        case 'tel':
            rules.push({ validator: telValidate, trigger: ['change'] })
            break
        case 'number2':
            rules.push({ pattern: /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/, message: '请输入正确的金额', trigger: ['change'] })
            rules.push({ validator: numberValidate, message: '请输入正确的金额' })
            break
        case 'number':
            rules.push({ type: 'number', message: '必须为数字' })
            break
        case 'EN':
            rules.push({ pattern: /^[0-9a-zA-Z]+$/, message: '请输入字母和数字的组合', trigger: ['change'] })
            break
        case 'EN.':
            rules.push({ pattern: /^[0-9a-zA-Z/.]+$/, message: '请输入字母和数字的组合', trigger: ['change'] })
            break
        case 'ENS':
            rules.push({ pattern: /^[0-9a-zA-Z/.\s]+$/, message: '请输入字母和数字的组合', trigger: ['change'] })
            break
        case 'E+N':
            rules.push({ pattern: /^(?=.*[0-9])(?=.*[a-zA-Z])$/, message: '请输入字母和数字的组合', trigger: ['change'] })
            break
        case 'discount':
            rules.push({ validator: discountValidate, message: '请输入大于0小于1的数字', trigger: ['change'] })
            break
        case 'array1':
            rules.push({ type: 'array', message: '请至少选择一个选项', trigger: ['change'] })
            rules.push({ validator: arrayValidate, trigger: ['change'] })
            break
        case 'price':
            rules.push({ pattern: /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/, message: '请输入正确的价格', trigger: ['change'] })
            break
        case 'num':
            rules.push({ pattern: /^\d+$/, message: '请输入正整数', trigger: ['change'] })
            break
        case 'qq':
            rules.push({ pattern: /^\d{5,12}$/, message: '请输入正确的QQ号', trigger: ['change'] })
            break
        case 'floatNumber':
            rules.push({ pattern: /^\d+(\.\d+)?$/, message: '请输入正整数，支持小数', trigger: ['change'] })
            break
        case 'enterpriseCreditIdentifier':
            rules.push({ pattern: /^(?=.*[a-zA-Z])(?=.*[\d]).{18}$/, message: '社会信用代码应为18位的数字和字母组合', trigger: ['change'] })
            break
        case 'enterpriseBusinessCertificate':
            rules.push({ pattern: /^(?=.*[a-zA-Z])(?=.*[\d]).{12}$/, message: '许可证号应为12位的数字和字母组合', trigger: ['change'] })
            break
        case 'idcard':
            rules.push({
                pattern: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/,
                message: '请输入正确的身份证号',
                trigger: ['change']
            })
            break
        case 'url':
            rules.push({ pattern: /(https?|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/, message: '请输入正确的网址', trigger: ['change'] })
            break
        case 'post':
            rules.push({ pattern: /[1-9]\d{5}(?!\d)/, message: '请输入正确的邮政编码', trigger: ['change'] })
            break
        case 'positiveInt':
            rules.push({ pattern: /^[1-9]\d*$/, message: '请输入正整数', trigger: ['change'] })
            break
        default: break
        }
    }
    return rules
}
SouthNANCoder
关注
Validate笔记二：表单验证插件Validate中的remote
qq_20867981的博客
07-18 1337
Validate中的remote支持自定义验证规则。以前写的验证都是整个表单提交后，进行检查。感觉没有remote好用。。。&lt;%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%&gt; &lt;%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/cor
el-form前端表单校验步骤详细
YLJ25800的博客
10-20 5664
笔记
已知一个只包含 0 和 1 的二进制数，将其转换为十进制并输出（郑莉老师课程最新解法）
07-27
自己手动测试过，希望喜欢，带注释已知一个只包含 0 和 1 的二进制数，长度不大于 10 ，将其转换为十进制并输出。 输入描述 输入一个二进制整数n，其长度不大于10 输出描述 输出转换后的十进制数， 占一行
这个数转换成2进制后，输出1的个数
菼执的博客
09-18 323
题目描述 输入一个int型的正整数，计算出该int型数据在内存中存储时1的个数。 输入描述: 输入一个整数（int类型） 输出描述: 这个数转换成2进制后，输出1的个数 示例1 输入 5 输出 2 import java.util.Scanner; public class Main { public static void main(String[] args) throws Exception { // Scanner in = new Scanner(System.in);
求int型正整数在内存中存储时1的个数
weixin_30572613的博客
08-25 148
题目描述 输入一个int型的正整数，计算出该int型数据在内存中存储时1的个数。 输入描述: 输入一个整数（int类型） 输出描述: 这个数转换成2进制后，输出1的个数 输入例子: 5 输出例子: 2 import java.util.*; public class Main { public static void main(...
7-24 猜数字游戏 (15分)
热门推荐
qq_43799246的博客
11-21 2万+
7-24 猜数字游戏 (15分) 题目描述如下： 猜数字游戏是令游戏机随机产生一个100以内的正整数，用户输入一个数对其进行猜测，需要你编写程序自动对其与随机产生的被猜数进行比较，并提示大了（“Too big”），还是小了（“Too small”），相等表示猜到了。如果猜到，则结束程序。程序还要求统计猜的次数，如果1次猜出该数，提示“Bingo!”；如果3次以内猜到该数，则提示“Lucky You!”；如果超过3次但是在N（>3）次以内（包括第N次）猜到该数，则提示“Good Guess!”；如果超过
PTA-7-2 简单的猜数字游戏【2】
weixin_62780750的博客
11-30 1450
#include<stdio.h> int main() { int n, a, b,count = 0,i; scanf("%d",&n); for(i = 1;i <= 7; i++) { scanf("%d",&a); if(a == n) { printf("Lucky You!"); break; } else if(a > n) { printf("Too big\n"); count++.
struts2笔记之校验表单信息
10-02
总结来说，Struts2的表单校验机制提供了多种灵活的方式，开发者可以根据实际需求选择适合的校验策略，确保用户输入的数据准确无误，从而提高应用的安全性和稳定性。无论是使用XML配置文件、注解还是自定义校验方法，...
spring validate 笔记
10-31
Spring MVC的validate功能是用于处理数据验证的一种机制，它允许我们在服务器端对用户提交的数据进行校验，确保数据的有效性和准确性。以下是对Spring validate框架的详细说明： 1. **页面准备**： 在HTML页面中，...
element-plus表单校验走el-form的rules——vue3
qq_41203489的博客
06-07 4256
Vue3使用element Plus 的el-form自带验证
java 猜数字游戏 随机产生一个100以内的正整数
03-05
java小程序。猜数字游戏：随机产生一个100以内的正整数，用户通过键盘输入所猜的数字，并给与相应的提示（有代码详细解释）
求一个数转化为二进制后1的个数
PepDokHa的博客
12-11 872
二进制数判断1的个数
求一个整数转换为二进制表示后其中1的个数
emm@amiao的博客
09-16 769
**题目：**输入一个整数，输出该数二进制表示的1的个数，其中负数用补码表示。 代码：（C语言） //这里只考虑了正整数 #include<stdio.h> int main(){ int N,i,t,count=0; int a[100]; scanf("%d",&N); for(i=0;N!=0;i++){ a[i]=N%2...
猜数字游戏
不积跬步，无以至千里
03-07 1万+
Think： 水题吧。。。 判断次数 和 数字大小就可以了。5-1 猜数字游戏 (15分) 猜数字游戏是令游戏机随机产生一个100以内的正整数，用户输入一个数对其进行猜测，需要你编写程序自动对其与随机产生的被猜数进行比较，并提示大了（“Too big”），还是小了（“Too small”），相等表示猜到了。如果猜到，则结束程序。程序还要求统计猜的次数，如果1次猜出该数，提示“Bingo!”
简单猜数字游戏
nchangyu
05-18 573
import random print("---------数字小游戏--------") temp=input("随机数字是： ") guess=int(temp) # num=1 num=random.randint(1,10) while num!=guess: temp=input("猜错了，请重新输入: ") guess=int(temp) if num==gu...
PTA之猜数字
最新发布
2301_79587125的博客
11-13 726
随后 N 行，每行给出一个玩家的名字（由不超过8个英文字母组成的字符串）和其猜的正整数（≤ 100）。一群人坐在一起，每人猜一个 100 以内的数，谁的数字最接近大家平均数的一半就赢。在一行中顺序输出：大家平均数的一半（只输出整数部分）、赢家的名字，其间以空格分隔。2.代码风格有待提升，定义内容要在开头写，如今代码写的不多，变量想不过来，只能在哪想到就写到哪了。重点在循环比较平均数/2与猜数的大小，因为是距离远近，所以要取绝对值，用到fabs（）函数。1.小细节，如二维数组，没有加第二个[]导致错误；
c语言猜数字
qq_45754189的博客
10-26 4325
猜数字游戏是令游戏机随机产生一个100以内的正整数，用户输入一个数对其进行猜测，需要你编写程序自动对其与随机产生的被猜数进行比较，并提示大了（“Too big”），还是小了（“Too small”），相等表示猜到了。如果猜到，则结束程序。程序还要求统计猜的次数，如果1次猜出该数，提示“Bingo!”；如果3次以内猜到该数，则提示“Lucky You!”；如果超过3次但是在N（>3）次以内（包...
练习4-6 猜数字游戏
酒色财气君莫沾
10-26 1247
猜数字游戏是令游戏机随机产生一个100以内的正整数，用户输入一个数对其进行猜测，需要你编写程序自动对其与随机产生的被猜数进行比较，并提示大了（“Too big”），还是小了（“Too small”），相等表示猜到了。如果猜到，则结束程序。程序还要求统计猜的次数，如果1次猜出该数，提示“Bingo!”；如果3次以内猜到该数，则提示“Lucky You!”；如果超过3次但是在N（>3）次以内（包括第N次）猜到该数，则提示“Good Guess!”；如果超过N次都没有猜到，则提示“Game Over”，并结
简单的猜数字游戏
ych9527的博客
10-20 571
#pragma once #include<stdio.h> #include<windows.h> #pragma warning (disable:4996) #include <stdlib.h> #include <time.h> void Menu(); void Game(); #include "game.h" void Menu() { printf("#########################\n"); printf("#
jQuery validate.js 表单验证教程
"jQuery validate.js表单验证的基本用法入门教程" jQuery validate.js 是一个广泛使用的 jQuery 插件，专门用于实现高效且灵活的表单验证。它提供了丰富的功能，包括自定义错误消息、验证规则以及错误提示的定位。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值