中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當(dāng)前位置: 首頁 > news >正文

網(wǎng)頁工具東莞優(yōu)化排名公司

網(wǎng)頁工具,東莞優(yōu)化排名公司,網(wǎng)站開發(fā)用j,簡(jiǎn)述政府網(wǎng)站建設(shè)的基本流程就是意思一個(gè)輸入框里面&#xff0c;按VID/PID格式輸入,VID和PID最大長(zhǎng)度是4,最多50組 1、頁面代碼 <el-form ref"ruleForm" :model"tempSet" :rules"rules" label-position"right"> <!-- 最多 50組&#xff0c;每組9個(gè)字符…

就是意思一個(gè)輸入框里面,按VID/PID格式輸入,VID和PID最大長(zhǎng)度是4,最多50組

1、頁面代碼

?<el-form ref="ruleForm" :model="tempSet" :rules="rules" label-position="right">

? ? ? ? <!-- 最多 50組,每組9個(gè)字符加逗號(hào)分隔,是10個(gè),最后一個(gè)不需要字符就是,就是499個(gè) -->

? ? ? ? <el-form-item label="設(shè)備VID/PID" label-width="100px" prop="vpid" :error="errForm.vpid.error">

? ? ? ? ? <el-input id="vpid" v-model.trim="tempSet.vpid" placeholder="按VID/PID形式輸入,最多輸入50組,英文逗號(hào)分隔" maxlength="499" type="textarea" :rows="6" style="width: 358px;" />

? ? ? ? </el-form-item>

? ? ? </el-form>

2、非必填的正則

rules: {

? ? ? ? vpid: [

? ? ? ? ? { required: false, validator: validatorUsb, trigger: 'blur' }

? ? ? ? ]

? ? ? },

3、頁面編寫正則

如圖這個(gè)位置?

4、代碼如下:

? // 非必填項(xiàng) 正則校驗(yàn)

? ? var validatorUsb = (rule, value, callback) => {

? ? ? if (value) {

? ? ? ? // ? 一組VID/PID ?邏輯處理

? ? ? ? var isViDVip = (function() {

? ? ? ? ? var regexp = /[\/]/;

? ? ? ? ? return function(value) {

? ? ? ? ? ? var valid = regexp.test(value);

? ? ? ? ? ? if (!valid) { // 首先必須是 xxxx/xxxx 最長(zhǎng)4位 這種形式的字符,如果不是,返回false

? ? ? ? ? ? ? // _this.$message.error('按VID/PID格式輸入')

? ? ? ? ? ? ? return false;

? ? ? ? ? ? }

? ? ? ? ? ? return value.split('/').every(function(num) {

? ? ? ? ? ? ? // 切割開來,每個(gè)都做對(duì)比,可以為0,可以小于等于255,但是不可以0開頭的倆位數(shù)

? ? ? ? ? ? ? // 只要有一個(gè)不符合就返回false

? ? ? ? ? ? ? if (num.length > 4) {

? ? ? ? ? ? ? ? // _this.$message.error('VID和PID最大長(zhǎng)度是4')

? ? ? ? ? ? ? ? return false;

? ? ? ? ? ? ? } else if (num === '') {

? ? ? ? ? ? ? ? // _this.$message.error('VID和PID若輸入其中一個(gè),另外一個(gè)不能為空')

? ? ? ? ? ? ? ? return false;

? ? ? ? ? ? ? }

? ? ? ? ? ? ? return true;

? ? ? ? ? ? });

? ? ? ? ? }

? ? ? ? }());

? ? ? ? // var test_vips = '123/234';

? ? ? ? // alert(isViDVip(test_vips)); // 返回true

? ? ? ? // ?多組 VID/PID,VID/PID的正則處理,用逗號(hào)(,)隔開

? ? ? ? var test_vips = value;

? ? ? ? var isTrue = test_vips.split(',').every(function(vip) {

? ? ? ? ? return isViDVip(vip); // 先將字符串按照逗號(hào)分成數(shù)組,再校驗(yàn)就可以了

? ? ? ? });

? ? ? ? // alert(isTrue); // isTrue 返回true,上面的vid/pid 全部正確以逗號(hào)分隔 最多50組

? ? ? ? if (!isTrue || test_vips.split(',').length > 50) {

? ? ? ? ? return callback(new Error('按VID/PID格式輸入,VID和PID最大長(zhǎng)度是4,最多50組'))

? ? ? ? } else {

? ? ? ? ? return callback();

? ? ? ? }

? ? ? } else {

? ? ? ? return callback()

? ? ? }

? ? }

5、效果圖搞定

?

http://www.risenshineclean.com/news/55097.html

相關(guān)文章:

  • 農(nóng)業(yè)網(wǎng)站建設(shè)方案 ppt搜索推廣平臺(tái)
  • 有什么網(wǎng)站是做平面設(shè)計(jì)的百度搜索的優(yōu)勢(shì)
  • 真人性做爰video網(wǎng)站公司網(wǎng)站建站要多少錢
  • 深圳做積分商城網(wǎng)站建設(shè)怎么制作鏈接網(wǎng)頁
  • 深圳分銷網(wǎng)站設(shè)計(jì)電話企業(yè)網(wǎng)站建設(shè)
  • 公司建一個(gè)網(wǎng)站嗎搜什么關(guān)鍵詞能搜到好片
  • 廣州知名網(wǎng)站建設(shè)哪家公司好seo文案范例
  • 產(chǎn)品網(wǎng)站建設(shè)軟文推廣營(yíng)銷平臺(tái)
  • 家里電腦做網(wǎng)站服務(wù)器seo推廣怎么樣
  • 網(wǎng)站開發(fā)什么意思徐州seo公司
  • 河南新鄉(xiāng)市建設(shè)銀行網(wǎng)站系統(tǒng)優(yōu)化軟件排行榜
  • 競(jìng)價(jià)網(wǎng)站做seo教育培訓(xùn)機(jī)構(gòu)官網(wǎng)
  • 武漢網(wǎng)絡(luò)推廣有哪些公司鄂爾多斯seo
  • 湛江找人做網(wǎng)站排名球隊(duì)排名榜實(shí)時(shí)排名
  • 網(wǎng)站建設(shè)中 html營(yíng)銷課程
  • 做網(wǎng)站如何設(shè)計(jì)數(shù)據(jù)庫個(gè)人網(wǎng)頁設(shè)計(jì)作品模板
  • wordpress .htaccess 規(guī)則seo代碼優(yōu)化工具
  • 門戶網(wǎng)站功能清單萬網(wǎng)域名查詢注冊(cè)商
  • 做的很好的黑白網(wǎng)站如何在百度上做產(chǎn)品推廣
  • 西寧網(wǎng)站設(shè)計(jì)公司seo外鏈平臺(tái)
  • 網(wǎng)站 國(guó)外空間不需要icp許可證嗎推廣引流吸引人的文案
  • 成都網(wǎng)站推廣排名怎么把自己的網(wǎng)站發(fā)布到網(wǎng)上
  • 官方網(wǎng)站建設(shè)報(bào)價(jià)怎么讓百度快速收錄網(wǎng)站
  • 古冶區(qū)城鄉(xiāng)建設(shè)局網(wǎng)站seo技術(shù)培訓(xùn)江門
  • 旅游網(wǎng)站首頁圖片最近的新聞大事10條
  • 加關(guān)鍵詞的網(wǎng)站黃頁污水
  • 全國(guó)做網(wǎng)站公司排名營(yíng)銷手段和技巧
  • 免費(fèi)表格制作app關(guān)鍵詞優(yōu)化哪家好
  • 做外鏈權(quán)重高的女性網(wǎng)站霸屏seo服務(wù)
  • 網(wǎng)頁制作如何新建站點(diǎn)免費(fèi)發(fā)外鏈