validform表單驗證

yangrd 發(fā)布于2019-08-16 15:35 / 1173人閱讀

摘要：插件主要把所有的驗證條件和驗證提示信息綁定到每個表單元素，這種形式非常方便，下面寫法更加智能得到內容來提示引入腳本類型請選擇設備名稱腳本添加驗證指明是哪一表單需要驗證名稱需加在表單上

validform插件主要把所有的驗證條件和驗證提示信息綁定到每個表單元素，這種形式非常方便，下面寫法更加智能得到label內容來提示

【1】引入js腳本：

【2】html：

【3】js腳本：

// 添加驗證
$(function(){
    var demo=$("#validform").Validform({//指明是哪一表單需要驗證,名稱需加在form表單上;
        tiptype:3
        ,label:".control-label"
        ,showAllError:true
        ,ignoreHidden:true
        ,datatype:{
            "zh1-6":/^[u4E00-u9FA5uf900-ufa2d]{1,6}$/
            ,"Aa1":/^[A-Za-z0-9]+$/
        }
    });
    demo.addRule([
        {
            ele:".inputxt"
            ,datatype:"*1-256"
        },
        {
            ele:"select"http://,這一項的值為空，否則無效
            ,datatype:"*"http://也可以寫到input標簽里
        }
    ]);
    // 阻止表單提交(這是一種形式，因為還沒找到兩者比較時候的判斷)
    $("#submit").click(function(event) {
        var highest = $("#highest").val();
        var lowest = $("#lowest").val();
        if(highest <= lowest){
            alert("最高層熟不能小于最低層數(shù)");
             return false;// 禁止提交
        }
        if(lowest > 2){
            alert("最低層數(shù)不能大于1");
            return false;
        }
    });
})

GPU云服務器云服務器 validform 驗證表單表單驗證表單驗證代碼

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/73578.html

validform表單驗證

摘要：插件主要把所有的驗證條件和驗證提示信息綁定到每個表單元素，這種形式非常方便，下面寫法更加智能得到內容來提示引入腳本類型請選擇設備名稱腳本添加驗證指明是哪一表單需要驗證名稱需加在表單上 validform插件主要把所有的驗證條件和驗證提示信息綁定到每個表單元素，這種形式非常方便，下面寫法更加智能得到label內容來提示【1】引入js腳本：【2】html： ...

glumes 2019-08-02 14:26 評論0 收藏0
validform表單驗證

摘要：插件主要把所有的驗證條件和驗證提示信息綁定到每個表單元素，這種形式非常方便，下面寫法更加智能得到內容來提示引入腳本類型請選擇設備名稱腳本添加驗證指明是哪一表單需要驗證名稱需加在表單上 validform插件主要把所有的驗證條件和驗證提示信息綁定到每個表單元素，這種形式非常方便，下面寫法更加智能得到label內容來提示【1】引入js腳本：【2】html： ...

crossoverJie 2019-08-26 13:32 評論0 收藏0
記一次Validform.js表單提交踩的坑

摘要：剛進公司實習不久，最近公司有一個需求做一個的頁面，利用傳過來的參數(shù)來顯示不同的表單內容，不同的表單提交的內容也就不一樣。剛進公司實習不久，最近公司有一個需求,做一個h5的頁面，利用傳過來的url參數(shù)來顯示不同的表單內容，不同的表單提交的內容也就不一樣。雖然我剛拿到也覺得so easy，但是就是這個簡單的東西也踩了很多坑，記錄下來，不再懵逼。 1 隱藏的表單元素的value也會被默認...

hss01248 2019-08-22 15:22 評論0 收藏0
前端常用插件、工具類庫匯總（上）

摘要：函數(shù)庫動畫庫動畫庫，也是目前最通用的動畫庫。下拉框級聯(lián)選擇器移動端最好用的的篩選器組件聯(lián)動篩選移動端最好用的的篩選器組件聯(lián)動篩選顏色選擇器時間選擇器時間日期處理是一個解析，驗證，操作和顯示日期和時間的類庫。 showImg(https://segmentfault.com/img/bVbjpHt?w=900&h=383); 前言在開發(fā)中，我們經常會將一些常用的代碼塊、功能塊進行封裝，...

txgcwm 2019-08-23 13:06 評論0 收藏0
前端那些小眾而又精美的網站及工具

摘要：寫此文的目的是為了總結在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網站及一些小眾框架只限于簡介不負責教程如有相應的教程希望大家自薦或推薦我在這里感激不盡讓我們發(fā)現(xiàn)美并記錄它第一次寫文章請多多包涵如有我沒有寫到的但又是一些好用的工具及寫此文的目的是為了總結在開發(fā)中能增加我們開發(fā)速度及能給我們帶來方便的工具與網站及一些小眾框架只限于簡介不負責教程如有相應的教程希望大家自薦或推薦我...

Edison 2019-08-02 16:02 評論0 收藏0