竹磬网-邵珠庆の日记 生命只有一次，你可以用它来做些更多伟大的事情–Make the world a little better and easier


257月/160

Bootstrap表单验证插件bootstrapValidator使用方法整理

发布在 邵珠庆

文档首页 ：
http://bv.doc.javake.cn/api/





 
 
$(document).ready(function() {
   
// 原价、现价同时双验证
$("#original_price").blur(function () {
    $("#form_yanzheng").data('bootstrapValidator').resetForm().validateField('price');
});
$("#price").blur(function () {
    $("#form_yanzheng").data('bootstrapValidator').resetForm().validateField('original_price');
});
 
//表单验证
$('#form_yanzheng').bootstrapValidator({
    message: '值没有被验证',
    feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
        subject: {
            message: 'The username is not valid',
            trigger: 'blur', //失去焦点就会触发
            validators: {
                notEmpty: {
                    message: '商品名称不能为空'
                },
                stringLength: {
                    min: 2,
                    max: 15,
                    message: '输入字符数量错误'
                },
                callback: {
                    message: '商品名称有非法内容',
                    callback: function () {
                        var filter = true;
                        var subject = $("#subject").val();
 
                        if (subject.indexOf("储值卡") >= 0) {
                            filter = false;
                        }
                        if (subject.indexOf("充值卡") >= 0) {
                            filter = false;
                        }
                        if (subject.indexOf("会员卡") >= 0) {
                            filter = false;
                        }
                        if (subject.indexOf("vip卡") >= 0) {
                            filter = false;
                        }
                        if (subject.indexOf("打折卡") >= 0) {
                            filter = false;
                        }
                        if (subject.indexOf("年卡") >= 0) {
                            filter = false;
                        }
                        if (subject.indexOf("美容卡") >= 0) {
                            filter = false;
                        }
                        if (subject.indexOf("健身卡") >= 0) {
                            filter = false;
                        }
 
                        return filter;
                    }
                }
            }
        },
        original_price: {
            trigger: 'blur', //失去焦点就会触发
            message: 'The username is not valid',
            validators: {
                notEmpty: {
                    message: '输入整数或者2位小数'
                },
                regexp: {
                    regexp: /^(\d+\.\d{1,2}|\d+)$/,
                    message: '输入整数或者2位小数'
                },
                callback: {
                    message: '原价要大于等于现价',
                    callback: function () {
                        var op = $('#original_price').val();
                        var pp = $('#price').val();
                        return parseFloat(op) >= parseFloat(pp);
                    }
                }
            }
        },
        price: {
            trigger: 'blur', //失去焦点就会触发
            message: 'The username is not valid',
            validators: {
                notEmpty: {
                    message: '输入整数或者2位小数'
                },
                regexp: {
                    regexp: /^(\d+\.\d{1,2}|\d+)$/,
                    message: '输入整数或者2位小数'
                },
                callback: {
                    message: '原价要大于等于现价',
                    callback: function () {
                        var op = $('#original_price').val();
                        var pp = $('#price').val();
                        return parseFloat(op) >= parseFloat(pp);
                    }
                }
            }
        },
        inventory: {
            trigger: 'blur', //失去焦点就会触发
            message: 'The username is not valid',
            validators: {
                notEmpty: {
                    message: '输入整数或者2位小数'
                },
                between: {
                    min: 0,
                    max: 999999,
                    message: '输入有效库存数量'
                }
            }
        },
        validity_period: {
            trigger: 'blur', //失去焦点就会触发
            message: 'The username is not valid',
            validators: {
                notEmpty: {
                    message: '请正确填写有效天数7-360天'
                },
                between: {
                    min: 7,
                    max: 360,
                    message: '请合理输入使用有效期'
                }
            }
        }
    }
}).on('success.form.bv', function (e) {
 
    var refertype = $('#refertype').val();
    var urlpath = "{:U('Index/" + refertype + "')}";
 
    $.ajax({
        type: "POST",
        url: urlpath,
        data: $('#form_yanzheng').serialize(),
        dataType: 'json',
        success: function (data, statusText, xhr, $form) {
            if (data.type == 'true') {
                swal({
                    title: data.info,
                    text: "",
                    type: "success",
                }, function () {
                    self.location = "{:U('Index/index')}";
                });
 
            } else {
                swal(data.info, "", "error");
                return false;
            }
        }
    });
});
});

标签: , , , , , , , 没有评论
257月/160

js中parseInt()与parseFloat(),Number(),Boolean(),String()转换

发布在 邵珠庆

js将字符串转数值的方法主要有三种

 

转换函数、强制类型转换、利用js变量弱类型转换。

 

 

1. 转换函数：

 

js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。

 

在判断字符串是否是数字值前，parseInt()和parseFloat()都会仔细分析该字符串。

 

parseInt()方法首先查看位置0处的 字符，判断它是否是个有效数字；如果不是，该方法将返回NaN，不再继续执行其他操作。但如果该字符是有效数字，该方法将查看位置1处的字符，进行同样的 测试。这一过程将持续到发现非有效数字的字符为止，此时parseInt()将把该字符之前的字符串转换成数字。

 

例如，如果要把字符串 "1234blue "转换成整数，那么parseInt()将返回1234，因为当它检测到字符b时，就会停止检测过程。

 

字符串中包含的数字字面量会被正确转换为数字，因此 字符串 "0xA "会被正确转换为数字10。

 

不过，字符串 "22.5 "将被转换成22，因为对于整数来说，小数点是无效字符。

 

一些示例如下：

 

Js代码
  1. parseInt("1234blue");   //returns    1234   
  2. parseInt("0xA");   //returns    10   
  3. parseInt("22.5");   //returns    22   
  4. parseInt("blue");   //returns    NaN  

 

parseInt()方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。

 

基是由parseInt()方法的第二个参数指定的，所以要解析十六进制的值，需如下调用parseInt()方法：

Js代码
  1. parseInt("AF",    16);   //returns    175   

当然，对二进制、八进制，甚至十进制（默认模式），都可以这样调用parseInt()方法：

 

Js代码
  1. parseInt("10",    2);   //returns    2   
  2. parseInt("10",    8);   //returns    8   
  3. parseInt("10",    10);   //returns    10   

如果十进制数包含前导0，那么最好采用基数10，这样才不会意外地得到八进制的值。例如：

 

Js代码
  1. parseInt("010");   //returns    8   
  2. parseInt("010",    8);   //returns    8   
  3. parseInt("010",    10);   //returns    10   

在这段代码中，两行代码都把字符串 "010 "解析成了一个数字。第一行代码把这个字符串看作八进制的值，解析它的方式与第二行代码（声明基数为8）相同。最后一行代码声明基数为10，所以iNum3最后等于10。

 

parseFloat()方法与parseInt()方法的处理方式相似，从位置0开始查看每个字符，直到找到第一个非有效的字符为止，然后把该字 符之前的字符串转换成数字。

 

不过，对于这个方法来说，第一个出现的小数点是有效字符。如果有两个小数点，第二个小数点将被看作无效的， parseFloat()方法会把这个小数点之前的字符串转换成数字。这意味着字符串 "22.34.5 "将被解析成22.34。
使用parseFloat()方法的另一不同之处在于，字符串必须以十进制形式表示浮点数，而不能用八进制形式或十六进制形式。

 

该方法会忽略前导0，所以八进制数0908将被解析为908。对于十六进制数0xA，该方法将返回NaN，因为在浮点数中，x不是有效字符。

 

此外，parseFloat()也没有基模式。

 

下面是使用parseFloat()方法的示例：

Js代码
  1. parseFloat("1234blue");   //returns    1234.0   
  2. parseFloat("0xA");   //returns    NaN   
  3. parseFloat("22.5");   //returns    22.5   
  4. parseFloat("22.34.5");   //returns    22.34   
  5. parseFloat("0908");   //returns    908   
  6. parseFloat("blue");   //returns    NaN  

 

 

 

2. 强制类型转换

 

还可使用强制类型转换（type casting）处理转换值的类型。使用强制类型转换可以访问特定的值，即使它是另一种类型的。
ECMAScript中可用的3种强制类型转换如下：
Boolean(value)——把给定的值转换成Boolean型； 
Number(value)——把给定的值转换成数字（可以是整数或浮点数）； 
String(value)——把给定的值转换成字符串。
用这三个函数之一转换值，将创建一个新值，存放由原始值直接转换成的值。这会造成意想不到的后果。

 

当要转换的值是至少有一个字符的字符串、非0数字或对象（下一节将讨论这一点）时，Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null，它将返回false。

 

可以用下面的代码段测试Boolean型的强制类型转换。

 

Js代码
  1. Boolean("");   //false    –    empty    string   
  2. Boolean("hi");   //true    –    non-empty    string   
  3. Boolean(100);   //true    –    non-zero    number   
  4. Boolean(null);   //false    -    null   
  5. Boolean(0);   //false    -    zero   
  6. Boolean(new    Object());   //true    –    object  

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似，只是它转换的是整个值，而不是部分值。

 

还记 得吗，parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串，因此 "4.5.6 "将被转换为 "4.5 "。

 

用Number()进行强制类型转换， "4.5.6 "将返回NaN，因为整个字符串值不能转换成数字。

 

如果字符串值能被完整地转换，Number()将判断是调用parseInt()方法还是调用 parseFloat()方法。

 

下表说明了对不同的值调用Number()方法会发生的情况：

 

用法结果

Js代码
  1. Number(false)    0   
  2. Number(true)    1   
  3. Number(undefined)    NaN   
  4. Number(null)    0   
  5. Number( "5.5 ")    5.5   
  6. Number( "56 ")    56   
  7. Number( "5.6.7 ")    NaN   
  8. Number(new    Object())    NaN   
  9. Number(100)    100    

最后一种强制类型转换方法String()是最简单的，因为它可把任何值转换成字符串。

 

要执行这种强制类型转换，只需要调用作为参数传递进来的值的 toString()方法，即把1转换成   "1 "，把true转换成 "true "，把false转换成 "false "，依此类推。

 

强制转换成字符串和调用toString()方法的唯一不同之处在于，对null或undefined值强制类型转换可以生成字符串而不引 发错误：

 

Js代码
  1. var    s1    =    String(null);   //"null"   
  2. var    oNull    =   null;   
  3. var    s2    =    oNull.toString();   //won’t    work,    causes    an    error  

 

 

 

3. 利用js变量弱类型转换

 

举个小例子，一看，就会明白了。

Js代码
  1. <script>   
  2.     var    str= '012.345 ';   
  3.     var    x    =    str-0;   
  4.      x    =    x*1;   
  5. </script>  

上例利用了js的弱类型的特点，只进行了算术运算，实现了字符串到数字的类型转换，不过这个方法还是不推荐的。

标签: , , , , , , 没有评论
   

支持博主

了解慈善捐款计划

关于邵珠庆博客

文章标签

API GA Git Google Analytics HTML5 jquery JS Linux MySQL nginx PHP SaaS web 互联网 代码 使用 分析 创业 原理 命令 好东西 如何 工具 常用 开发 总结 技巧 技术 插件 数据 文件 方法 时间 架构 框架 汇总 百度 管理 系统 网站 网站分析 设计 详解 问题 阿里云

记事邵珠庆博客

1、Web前端网址导航
2、邵珠庆极客筛站
3、识别移动设备访问代码


最近文章

最近评论

博客日历

2016年7月
一 二 三 四 五 六 日
« 6月   8月 »
 123
45678910
11121314151617
18192021222324
25262728293031

目录分类

文章归档

博客功能