react-password-checker/lib/ReactPasswordChecker.js

react-password-checker

'use strict';

Object.defineProperty(exports, '__esModule', {
  value: true
});
var React = require('react');

var ReactPasswordChecker = React.createClass({
  displayName: 'ReactPasswordChecker',

  getInitialState: function getInitialState() {
    return {
      validationMessage: ''
    };
  },
  checkPassword: function checkPassword(event) {
    var input = event.target.value;
    var matchPassword = /^[a-zA-Z0-9_-]{6,18}$/;
    if (matchPassword.test(input)) {
      this.setState({ validationMessage: "Your password is valid" });
    } else {
      this.setState({ validationMessage: "Your password needs to be 6-18 characters and contain at least a lowercase letter (a-z), number (0-9), an underscore, or a hyphen" });
    }
  },
  render: function render() {
    return React.createElement(
      'div',
      null,
      React.createElement('input', { type: 'text', placeholder: 'Check your password', onChange: this.checkPassword }),
      this.state.validationMessage !== '' ? this.state.validationMessage : ''
    );
  }
});

exports['default'] = ReactPasswordChecker;
module.exports = exports['default'];