【问题标题】:Add validate birthday using validate.js to react project使用 validate.js 添加验证生日以响应项目
【发布时间】:2018-01-09 09:09:46
【问题描述】:

我已阅读这篇文章并在我的应用程序中使用它,article link

我想添加一个日期验证以查看是否超过 18 岁

而且我很难理解如何以及在何处实现 validate.js 要求的解析和格式化方法。正如文章中所说,我正在使用本机反应并实施其余的验证。

【问题讨论】:

    标签: javascript android ios validation react-native


    【解决方案1】:

    我使用moment.js 进行生日验证

    import moment from 'moment';
    
    export const isOverEighteen = (date) => {
      var eighteenYearsAgo = moment().subtract(18, "years");
      var birthday = moment(date);
    
      if (!birthday.isValid()) {
        return "invalid date";
      }
      else if (!eighteenYearsAgo.isAfter(birthday)) {
        return "To successfully open an account you have to be at least 18 years old.";
      }
    
      return;
    };
    

    这是我为生日验证制作的功能,要在某些组件中使用它,只需导入并使用。如果没有返回错误,则说明用户年龄在 18 岁以上,否则将在返回语句中返回一些错误。

    编辑:我是这样使用的。 creted utils 文件夹和 validateAge.js 里面(里面是上面的代码) 并在您验证年龄的形式中,您可以导入该功能

    import { isOverEighteen } from 'here-goes-your-path/utils/validateAge';
    

    并像这样使用来设置 dateOfBirth 的错误(在我的例子中是属性名称)

    errors.dateOfBirth = isOverEighteen(values.dateOfBirth);
    

    【讨论】:

    • 您好,这里是 reactjs 新手,您是如何实现的?
    • 我已经放了一些我如何使用它的用例。希望对您有所帮助。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-08-30
    • 2019-11-20
    • 1970-01-01
    • 1970-01-01
    • 2015-05-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多