前端表单验证

妖狐艹你老母 2022-05-13 07:58 234阅读 0赞

1.输入框只能输入数字：

input type="text" onkeyup="value=value.replace(/[^\d]/g,'')">

2.JavaScript test() 方法和正则结合判断用户输入的对错

if (/xlsm/.test(filename) || /xlsx/.test(filename)) {
            fileName = filename.slice(0, -5)
          } else {
            fileName = filename.slice(0, -4)
          }
    
    /^(?![0-9]+$)(?![a-zA-Z]+$)/.test(value)

3.验证是否输入中文

/[\u4e00-\u9fa5]/.test(value)

4.使用element UI 表单验证的时候，在提交进行整体验证的时候，自定义验证的必须含有else，callBack（）

var validateEmployeeid = (rule, value, callback) => {
          if (value === '') {
            callback(new Error('The Employee ID cannot be empty'))
          } else {
            if (value.length < 6 || value.length > 12) {
              callback(new Error('length is between 6 and 12'))
            } else {
              console.log(/[\u4e00-\u9fa5]/.test(value))
              if (/[\u4e00-\u9fa5]/.test(value)) {
                callback(new Error('ID cannot be in Chinese'))
              } else {
                callback()
              }
            }
            callback()
          }
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，234人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 表单前端验证

项目中需要一个较通用的前端验证代码. 基于JQuery 1.4 开发. luxury.validate = function(config)\{

古城微笑少年丶/ 2022年09月19日 10:49/ 0 赞/ 174 阅读

相关 fastadmin 前端 html 表单验证

在FastAdmin当中我们只需要给元素添加`data-rule="规则"`即可开启`Nice-validator`的验证，如下： ![watermark_type_ZHJ

布满荆棘的人生/ 2022年09月12日 08:52/ 0 赞/ 236 阅读

相关表单验证

应用一、引入 <script src="Scripts/jquery-1.7.1.min.js"></script> <script src="Scripts/jqu

朱雀/ 2022年07月24日 06:28/ 0 赞/ 404 阅读

相关表单验证

java script验证表单时常用： "^-\[0-9\]\\[1-9\]\[0-9\]\＄"　　//负整数 "^-?//d+＄"　　　　//整

ゝ一纸荒年。/ 2022年06月13日 07:54/ 0 赞/ 236 阅读

相关 php 表单提交表单前端验证

//HTML 代码 <form id="form"> <input type="hidden" name="status" v

た入场券/ 2022年06月09日 09:21/ 0 赞/ 305 阅读

相关表单验证

代码虽然有重复，但是重要的是思想和正则表达式的用 ---------- <!DOCTYPE html>

痛定思痛。/ 2022年05月19日 06:35/ 0 赞/ 270 阅读

相关前端表单验证

1.输入框只能输入数字： input type="text" onkeyup="value=value.replace(/[^\d]/g,'')"> 2.JavaS

妖狐艹你老母/ 2022年05月13日 07:58/ 0 赞/ 235 阅读

相关 jsp表单提交前端验证

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding

分手后的思念是犯贱/ 2022年05月09日 10:28/ 0 赞/ 257 阅读

相关表单验证

java script验证表单时常用： "^-\[0-9\]\\[1-9\]\[0-9\]\＄"　　//负整数 "^-?//d+＄"　　　　//整

小灰灰/ 2022年01月07日 14:35/ 0 赞/ 380 阅读

相关前端——JQuery表单验证插件

1、引入JQuery插件（依赖JQuery） > <script src="js/jquery-1.11.3.min.js" type="text/javascrip

素颜马尾好姑娘i/ 2021年09月30日 02:34/ 0 赞/ 486 阅读