
function write_js_validation(element, inp_value) {
        function IsValidTime(timeStr) {
                // Checks if time is in HH:MM AM/PM format.
                // The seconds and AM/PM are optional.

                var timePat = /^(\d{1,2}):(\d{2})(\s?(AM|am|PM|pm))?$/;

                var matchArray = timeStr.match(timePat);
                if (matchArray == null) {
                    return ("<?php _e('Time is not in a valid format. Use this format HH:MM or HH:MM AM/PM'); ?>");
                }
                var hour = matchArray[1];
                var minute = matchArray[2];
                var ampm = matchArray[4];

                if (ampm=="") { ampm = null }

                if (hour < 0  || hour > 23) {
                    return ("<?php _e('Hour must be between 1 and 12. (or 0 and 23 for military time)'); ?>");
                }
                if  (hour > 12 && ampm != null) {
                    return("<?php _e('You can not specify AM or PM for military time.'); ?>");
                }
                if (minute<0 || minute > 59) {
                    return ("<?php _e('Minute must be between 0 and 59.'); ?>");
                }
                return true;
            }

            // Validation Check --- Time correct filling field
            if ( element.className.indexOf('wpdev-validates-as-time') !== -1 ){
                //var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
                var valid_time = IsValidTime(inp_value);
                if( valid_time !== true ) {
                    jWPDev("[name='"+ element.name +"']")
                            .css( {'border' : '1px solid red'} )
                            .fadeOut( 350 )
                            .fadeIn( 500 )
                            .animate( {opacity: 1}, 4000 )
                            .animate({border : '1px solid #DFDFDF'},100)
                    ;  // mark red border
                    jWPDev("[name='"+ element.name +"']")
                            .after('<div class="wpdev-help-message">'+ 'Uncorrect date format' +'</div>'); // Show message
                    jWPDev(".wpdev-help-message")
                            .css( {'color' : 'red'} )
                            .animate( {opacity: 1}, 4000 )
                            .fadeOut( 1000 );   // hide message
                    element.focus();    // make focus to elemnt
                    return true;
               }
            }
            return false;
}


function set_js_validation_mask(){
    
    jWPDev('.wpdev-validates-as-time').setMask();
    
}

