validform表單驗證

glumes 發布于2019-08-02 14:26 / 2134人閱讀

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

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("最高層熟不能小于最低層數");
             return false;// 禁止提交
        }
        if(lowest > 2){
            alert("最低層數不能大于1");
            return false;
        }
    });
})

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53807.html

validform表單驗證

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

yangrd 2019-08-16 15:35 評論0 收藏0
validform表單驗證

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

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

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

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

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

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

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

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