前端表单验证

妖狐艹你老母 2022-05-13 07:58 280阅读 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 条评论，280人围观）

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

相关阅读

相关 js 表单前端验证

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

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

相关 fastadmin 前端 html 表单验证

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

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

相关表单验证

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

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

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

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

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

相关表单验证

@Min(value = 18, message = " 不得小于18 ") private Integer age; / 表单验证 /

╰+攻爆jí腚メ/ 2022年06月05日 10:15/ 0 赞/ 272 阅读

相关表单验证

angularjs 表单验证，包含必填、手机、邮箱、ip、网址等基于angularjs自己封装的验证插件，之前的插件在angularjs上就不能使用了，然后将之前的封

淩亂°似流年/ 2022年06月04日 10:14/ 0 赞/ 265 阅读

相关前端表单验证

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

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

相关 jsp表单提交前端验证

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

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

相关表单验证

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

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

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

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

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