zoukankan      html  css  js  c++  java
  • 表单体温实时验证

    描述:用户填写完体温,需要实时验证体温是否合法,并给出提示

    <input class="weui-input" type="number" placeholder="请输入体温"

    [formControl]="temperatureInput" name="temperatureName"/>

    import {FormControl} from '@angular/forms';

    temperatureInput = new FormControl();

    this.temperature = this.temperatureInput.value; // 获取温度值

    this.temperatureInput.valueChanges

          .pipe(debounceTime(1000))

          .subscribe(v => {

            if (v < 35 || v > 45) { // 如果温度输入超出预期,则提示错误

              this.srv['warn']('温度填写有误', 3500);

              return this.temperatureInput.setValue('');

            }

            const str = v.toString();

            if (str.indexOf('.') > -1 && str.split('.')[1].length >= 2) {

              const val = parseFloat(v) - 0; // inputvalue值转换为浮点数;

              const txt = val.toFixed(1); // 当用户输入价格小数点超过2位数,强制变成小数点2

              this.temperatureInput.setValue(txt);

            } else {

              this.temperatureInput.setValue(v - 0);

            }

          });

  • 相关阅读:
    Hexo博客搭建教程
    windows7如何查看端口被占用
    openshift rhc
    .net面试题精选
    Java垃圾回收机制
    Maven 入门篇(下)
    Maven 入门篇 ( 上 )
    OPENSHIFT MYSQL使用Navicat远程连接
    ci配置smarty手记
    solr多核配置
  • 原文地址:https://www.cnblogs.com/boreguo/p/12461135.html
Copyright © 2011-2022 走看看