show Caps Lock message when you enter password field

 <%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>  

 <%@ taglib uri="http://alloy.liferay.com/tld/aui" prefix="aui" %>
 <%@ taglib uri="http://liferay.com/tld/ui" prefix="liferay-ui" %>
 <portlet:defineObjects />
      <aui:input name="password" type="password" label="Enter password"/>
      <span id="<portlet:namespace />passwordCapsLockSpan" style="display: none;">
      <liferay-ui:message key="caps-lock-is-on" /></span>
 <aui:script use="aui-base">
                var password = A.one('#<portlet:namespace />password');
                if (password) {
                     password.on(
                          'keypress',
                          function(event) {
                               Liferay.Util.showCapsLock(event, '<portlet:namespace />passwordCapsLockSpan');
                          }
                     );
                }
           </aui:script>

Search This Blog

All the rights are reserved to this blog is belongs to me only.. Powered by Blogger.