validform表單驗(yàn)證

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

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

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

【1】引入js腳本：

【2】html：


    
        類(lèi)型
        
            
        
    
    
        設(shè)備名稱

【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)的值為空，否則無(wú)效
            ,datatype:"*"http://也可以寫(xiě)到input標(biāo)簽里
        }
    ]);
    // 阻止表單提交(這是一種形式，因?yàn)檫€沒(méi)找到兩者比較時(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://m.specialneedsforspecialkids.com/yun/73578.html

相關(guān)文章

validform表單驗(yàn)證

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

glumes 2019-08-02 14:26 評(píng)論0 收藏0
validform表單驗(yàn)證

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

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

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

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

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

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

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

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