自定义验证小数数值

可以编写angularjs的自定义指令来实现验证文本框填入的数值是来为小数。

airExpressApp.directive(‘validateDecimalCharacters‘, function () {

    var REQUIRED_PATTERNS = [
      /^-?[0-9]\d*(\.\d+)?$/
    ];

    return {
        require: ‘ngModel‘,
        link: function ($scope, element, attributes, ngModelController) {

            ngModelController.$validators.validateDecimalCharacters = function (modelValue, viewValue) {
                var status = true;
                if (!ngModelController.$isEmpty(modelValue)) {
                    angular.forEach(REQUIRED_PATTERNS, function (pattern) {
                        status = status && pattern.test(modelValue);
                    });
                }
                return status;
            };
        }
    }
});

Source Code

演示:

时间: 2024-10-25 18:22:48

自定义验证小数数值的相关文章

validate自定义验证,进行小数点后2位小数的验证(完美)

1.进行form表单提交(咱们这个表单提交的是数字) <form action="" method="post" id="form" target="_blank"> <input class="form-control" type="text" id="cash" name="cash"> <button type=

ASP.NET MVC如何实现自定义验证(服务端验证+客户端验证)

ASP.NET MVC通过Model验证帮助我们很容易的实现对数据的验证,在默认的情况下,基于ValidationAttribute的声明是验证被使用,我们只需 要将相应的ValidationAttribute应用到Model的类型或者属性上即可.对于自定义验证,我们也只需要定义相应的Validation 就可以了,不过服务端验证比较简单,而客户端验证就要稍微复杂一些,本文提供一个简单的实例说明在ASP.NET MVC中实现自定义验证的基本步骤.[源代码从这里下载] 一.AgeRangeAttr

jquery.validate remote 和 自定义验证方法

jquery.validate remote 和 自定义验证方法 $(function(){ var validator = $("#enterRegForm").validate({debug:false, //调试模式取消submit的默认提交功能//errorClass: "error",//默认为错误的样式类为:error//validClass: "check",//验证成功后的样式,默认字符串validfocusInvalid: tr

Jquery Validate 默认校验规则及常用的自定义验证规则

Jquery Validate 相关参数及常用的自定义验证规则 一.官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 二.默认校验规则 (1).required:true 必输字段 (2).remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值 (3).email:true 必须输入正确格式的电子邮件 (4).url:true 必须输入正确格式

封装自定义验证方法-validate-methods.js

$(function(){ // 判断整数value是否等于0 jQuery.validator.addMethod("isIntEqZero", function(value, element) { value=parseInt(value); return this.optional(element) || value==0; }, "整数必须为0"); // 判断整数value是否大于0 jQuery.validator.addMethod("isI

Jquery Validate 相关参数及常用的自定义验证规则

一.官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 二.默认校验规则 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 (1).required:true               必输字段 (2).remote:"remote-valid.jsp"   使用ajax方法调用remote-valid.jsp验证输入值 (3).email:true          

Laravel 5.5 的自定义验证对象/类

本文和大家分享的主要是Laravel 5.5 的自定义验证对象/类相关内容,一起来看看吧,希望对大家学习Laravel有所帮助. Laravel 5.5 将提供一个全新的自定义验证规则的对象,以作为原来的 Validator::extend 方法的替代. Laravel 中的表单验证是比较方便的,而且内置了大量的可用验证规则,但不管官方提供了多少,总还是会有满足不了需求的时候.很多时候我们会直接用正则表达式来处理这种特殊的验证,也有时候我们会选择用 Validator::extend来扩展一个自

sencha touch Model validations 自定义验证 二选一输入验证、重复验证

项目初始化时执行以下代码 1 //重写模型,方便进行自定义验证 2 Ext.define("Ext.zh.data.Model", { 3 override: "Ext.data.Model", 4 validate: function () { 5 var errors = Ext.create('Ext.data.Errors'), 6 validations = this.getValidations().items, 7 validators = Ext.d

easyui 自定义验证,动态设置提示信息

//自定义验证规则 名称为name //$.fn.validatebox.defaults.rules.name.message 动态自定义提示内容 $.extend($.fn.validatebox.defaults.rules, { name: { validator: function (value, param) { var error=false;; if(!/^\S{4,25}$/.test(value)){ //4-25验证 $.fn.validatebox.defaults.ru