Html5 PasswordInput

Set the strengthColors property of the jqxPasswordInput. Author: http://jqwidgets.com

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<input type="password" id='input' />

JavaScript

$("#input").jqxPasswordInput({
      width: '250px',
      height: '25px',
      placeHolder: "Enter a Password",
      theme: 'energyblue',
      showStrength: true,
      strengthColors: {
          tooShort: "Red",
          weak: "Red",
          fair: "Yellow",
          good: "Blue",
          strong: "Green"
      }
  });