正則表單驗證

阿新 • • 發佈：2021-07-09

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" id="user" autocomplete="off">
    <span id="userSpan">使用者名稱由字母數字下劃線組成的6-12位，數字不能開頭</span>
    <br>
    <input type="text" id="pwd" autocomplete="off">
    <span id="pwdrSpan">強弱判斷</span>

    <script>
        $( 
'#user').onblur = function () {
            var useval = this.value
            //空 任意字元出現0次
            if (/^.{0}$/.test(useval)) {
                errMsg($('#userSpan'), '輸入不能為空', 'red')
                return
            }

            //長度為6到12位
            if (!(/^.{6,12}$/.test(useval))) {
                errMsg($( 
'#userSpan'), '長度不對', 'red')
                return
            }

            //數字不能開頭
            if (/^\d/.test(useval)) {
                errMsg($('#userSpan'), '數字不能開頭', 'red');
                return
            }
            if (/\W/.test(useval)) {
                errMsg($('#userSpan'), '不能有非法字元', 'red');
                 
return
            }
            errMsg($('#userSpan'), '√', 'green');
        }







        function errMsg(ele, msg, color) {
            ele.innerHTML = msg
            ele.style.color = color
        }

        function $(e) {
            return document.querySelector(e)
        }
    </script>

</body>

</html>

正則表單驗證

<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">

JS使用正則表示式實現常用的表單驗證功能分析

本文例項講述了JS使用正則表示式實現常用的表單驗證功能。分享給大家供大家參考，具體如下：

表單驗證及正則表示式

表單基本驗證技術：為什麼要進行表單驗證？：減輕伺服器壓力保證輸入資料符合要求

最常用的15個前端表單驗證JS正則表示式

在表單驗證中，使用正則表示式來驗證正確與否是一個很頻繁的操作，本文收集整理了15個常用的JavaScript正則表示式，非常不錯，具有參考借鑑價值，需要的朋友參考下

案例：正則表示式表單驗證 js小案例

技術標籤：JavaScript正則表示式javascript 案例：正則表示式表單驗證 js小案例功能需求：

JS正則表示式實現簡單的表單驗證（賬號，密碼，手機號）

技術標籤：javascript 首先有三個文字框，和一個提交按鈕，第一個輸入賬號，第二個密碼，第三個手機號我們的需求：判斷3個文字框是否全部輸入正確，當我們點選提交時，如果有一個輸入錯誤則不能提交，全部輸入正

【vue】elementUI form表單驗證-正則驗證-pattern

// 正則驗證 rules: { stockpile: [ { required: true, message: "請輸入庫存", trigger: "blur" },

VUE開發--表單驗證——正則

VUE開發--表單驗證(六十三) 一、常用驗證方式 vue 中表單欄位驗證的寫法和方式有多種，常用的驗證方式有3種：

JavaScript表單驗證和正則表示式

JavaScript表單驗證分為四類：　　1.非空驗證　　　　常用於使用者名稱等　　2.相等驗證

element-ui中el-form表單驗證（物件中包含物件），正則表示式

上圖：校驗： <script> export default { name: \'PersonTransferDetail\', data() { const checkTrainNum = (rule, value, callback) => {

element-ui中rules使用正則驗證、表單驗證

PHP表單生成器,支援表單驗證

FormBuilder FormBuilder 是一個開源的PHP表單生成器,可以快速生成現代化的form表單。還可以配合開源專案 xaboy/form-create 生成任何 Vue 元件

Spring Boot 2 Thymeleaf伺服器端表單驗證實現詳解

這篇文章主要介紹了Spring Boot 2 Thymeleaf伺服器端表單驗證實現詳解,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

Laravel框架表單驗證格式化輸出的方法

最近在公司的專案開發中使用到了 laravel 框架，採用的是前後端開發的模式。接觸過前後端開發模式的小夥伴應該都知道，後端返回的資料格式需要儘可能搞得保證一致性，這樣前端在處理時也方便處理。我們先通過觀看下

Laravel5.1 框架表單驗證操作例項詳解

本文例項講述了Laravel5.1 框架表單驗證操作。分享給大家供大家參考，具體如下：

分享JS表單驗證原始碼（帶錯誤提示及密碼等級）

先晒圖 index.html <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\">

Vue快速實現通用表單驗證的示例程式碼

本文開篇第一句話，想引用魯迅先生《祝福》裡的一句話，那便是：“我真傻，真的，我單單知道後端整天都是CRUD，我沒想到前端整天都是Form表單”。這句話要從哪裡說起呢？大概要從最近半個月的“全棧工程師”說起。專

解決vue+ element ui 表單驗證有值但驗證失敗問題

一.如圖：有值但是驗證失敗二. <el-form :model=\"form\" :rules=\"rules\"> <el-form-item label=\"資料模板\" prop=\"template\" >

JS簡單表單驗證功能完整示例

本文例項講述了JS簡單表單驗證功能。分享給大家供大家參考，具體如下：簡單js表單驗證demo

laravel框架使用FormRequest進行表單驗證，驗證異常返回JSON操作示例

本文例項講述了laravel框架使用FormRequest進行表單驗證，驗證異常返回JSON操作.分享給大家供大家參考，具體如下：

正則表單驗證

相關推薦