博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
巧用weui.topTips验证数据
阅读量:6550 次
发布时间:2019-06-24

本文共 5345 字,大约阅读时间需要 17 分钟。

场景一、有一个输入金额的场景,这个金额需要验证,验证说明如下:

不能为空格;

不能为0;

不能为汉字;

不能为其它字符;

不能大于200;

 

唯一可以的是,只有输入3~199之间的数字,下面的确定按钮才会显示,否则,隐藏这个按钮。

HTML:

JS:

 

场景二、所有违反规距的都有信息提示,但是“确定”按钮不隐藏,只是删除它的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);                    //自定义金额只能是数字                } 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带参数                            contentType: 'application/json; charset=utf-8',                            success: function(data) {                                if(data && data.status == '200') {                                    weui.topTips('设置成功!');                                }                            },                            error: function(data) {                                location.href = 'doctor_wode.html';                            }                        });                    });                }            })

 

转载地址:http://xruco.baihongyu.com/

你可能感兴趣的文章
javascript:void(0) ,设置a链接无效,设置点击a页面不刷新,不跳动
查看>>
两台linux服务器之间实现挂载
查看>>
keyup与setInterval
查看>>
python --批量重命名文件名
查看>>
QQ三方登录
查看>>
NTP方式保证以时间戳同步可靠性
查看>>
开源的服务发现
查看>>
lucene.net 使用过程中的 几个注意事项(含termquery 和QueryParser 的区别)
查看>>
Android开发之音乐播放器的实现
查看>>
jeecg 3.5.2 新版本号4种首页风格 【经典风格,shortcut风格,ACE bootstrap风格,云桌面风格】...
查看>>
js封装好的模仿qq消息弹窗代码
查看>>
第四章 消息摘要算法--SHA
查看>>
LeetCode——Search in Rotated Sorted Array II
查看>>
LeetCode - Plus One
查看>>
django 带參数的 url
查看>>
python--dict和set类型--4
查看>>
【重磅】移动网络性能揭秘(下)--网络协议及性能提升实践
查看>>
Web Essentials之通用功能
查看>>
React Native ——实现一个简单的抓取github上的项目数据列表
查看>>
Lintcode 将整数A转换为B
查看>>