這篇文章主要為大家展示了“如何使用weui.topTips驗證數(shù)據(jù)”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“如何使用weui.topTips驗證數(shù)據(jù)”這篇文章吧。
創(chuàng)新互聯(lián)建站專注于汶上企業(yè)網(wǎng)站建設,響應式網(wǎng)站建設,商城網(wǎng)站定制開發(fā)。汶上網(wǎng)站建設公司,為汶上等地區(qū)提供建站服務。全流程按需網(wǎng)站開發(fā),專業(yè)設計,全程項目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務場景一、有一個輸入金額的場景,這個金額需要驗證,驗證說明如下:
不能為空格;
不能為0;
不能為漢字;
不能為其它字符;
不能大于200;
唯一可以的是,只有輸入3~199之間的數(shù)字,下面的確定按鈕才會顯示,否則,隱藏這個按鈕。
HTML:
其它金額確定
JS:
場景二、所有違反規(guī)距的都有信息提示,但是“確定”按鈕不隱藏,只是刪除它的click事件,只有符合條件的才可以跳轉
//驗證 $('input').on('blur', function() { var value = this.value; var regChinese = new RegExp("[\\u4E00-\\u9FFF]+", "g"); //漢語 var specialSymbol =/[`~!@#$%^&*_+<>{}\/'[\]]/im; //特殊符號 //字符串不能為空 if(value.length == 0) { $('#otherPriceBtn').unbind('click'); setTimeout(function() { $('.hide-description').css('display', 'block').text('不能為空,請重新輸入'); }, 500); //字符串是否為“空”字符即用戶輸入了空格 } else if(value.replace(/(^s*)|(s*$)/g, "").length == 0) { $('#otherPriceBtn').unbind('click'); setTimeout(function() { $('.hide-description').css('display', 'block').text('不能為空,請重新輸入'); }, 500); //字符串是否為空或者全部都是空格 } else if(value == null) { $('#otherPriceBtn').unbind('click'); setTimeout(function() { $('.hide-description').css('display', 'block').text('不能為空,請重新輸入'); }, 500); //字符串是否為漢字 } else if(regChinese.test(value)) { $('#otherPriceBtn').unbind('click'); setTimeout(function() { $('.hide-description').css('display', 'block').text('不能輸入漢字,請重新輸入'); }, 500); //字符串不能為0 } else if(parseInt(value) == 0) { $('#otherPriceBtn').unbind('click'); setTimeout(function() { $('.hide-description').css('display', 'block').text('不能為0,請重新輸入'); }, 500); //小于3 } else if(parseInt(value) < 4) { $('#otherPriceBtn').unbind('click'); setTimeout(function() { $('.hide-description').css('display', 'block').text('自定義金額不能小于3,請重新輸入'); }, 500); //不能大于200 } else if(parseInt(value) > 200) { $('#otherPriceBtn').unbind('click'); setTimeout(function() { $('.hide-description').css('display', 'block').text('自定義金額不能大于200,請重新輸入'); }, 500); } else if(specialSymbol.test(value)){ //禁止輸入特殊字符 $('#otherPriceBtn').unbind('click'); setTimeout(function() { $('.hide-description').css('display', 'block').text('不可輸入!@#¥%……&*特殊字符!'); }, 500); //自定義金額只能是數(shù)字 } else if(typeof(parseInt(value))) { setTimeout(function() { $('.hide-description').css('display', 'block').text('你設置的金額為' + value); }, 500); //其它金額 $('#otherPriceBtn').on('click', function(e) { var otherPrice = $('#dialogPrice').val(); otherPrice = parseInt(otherPrice); otherPrice = otherPrice.toString(); console.log("其它金額" + otherPrice); var data = { userId: userId, price: otherPrice }; data = JSON.stringify(data); $.ajax({ data: {}, dataType: 'json', type: "post", url: postDoctorPrice().replace("{userId}", userId).replace("{price}", otherPrice), //post 時url帶參數(shù) contentType: 'application/json; charset=utf-8', success: function(data) { if(data && data.status == '200') { weui.topTips('設置成功!'); } }, error: function(data) { location.href = 'doctor_wode.html'; } }); }); } })
以上是“如何使用weui.topTips驗證數(shù)據(jù)”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)網(wǎng)站建設公司行業(yè)資訊頻道!
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。