validform表單驗(yàn)證

glumes 發(fā)布于2019-08-02 14:26 / 2144人閱讀

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

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

【1】引入js腳本：

【2】html：

【3】js腳本：

// 添加驗(yàn)證
$(function(){
    var demo=$("#validform").Validform({//指明是哪一表單需要驗(yàn)證,名稱需加在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://,這一項(xiàng)的值為空，否則無效
            ,datatype:"*"http://也可以寫到input標(biāo)簽里
        }
    ]);
    // 阻止表單提交(這是一種形式，因?yàn)檫€沒找到兩者比較時(shí)候的判斷)
    $("#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云服務(wù)器云服務(wù)器 validform 驗(yàn)證表單表單驗(yàn)證表單驗(yàn)證代碼

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/53807.html

相關(guān)文章

validform表單驗(yàn)證

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

yangrd 2019-08-16 15:35 評(píng)論0 收藏0
validform表單驗(yàn)證

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

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

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

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

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

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

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

Edison 2019-08-02 16:02 評(píng)論0 收藏0