Can you change the input mask error text?

  • KeyshaunSmith
    Asked on February 20, 2016 at 3:00 PM

    The default error text says "Field value must fill mask." I would like it to instead say "Must enter employee idea without leading zeros." 

    Thanks! 

  • Elton Support Team Lead
    Replied on February 21, 2016 at 12:44 AM

    Yes, you can change every form warning error messages.

    Here's a guide: http://www.jotform.com/help/61-How-to-Change-Translate-Form-Warnings

    You should be able to find that error there as well.

  • KeyshaunSmith
    Replied on February 21, 2016 at 10:50 AM

    Hello:

    Thanks for the support, but this method will change it for all of the input mask's that I have throughout the form. Is there a way to change it for each individual fill mask?

     

    Thanks! 

  • Elton Support Team Lead
    Replied on February 21, 2016 at 12:27 PM

    No, unfortunately, that's not possible. The current settings will by applied globally in your form.

    My suggestion would be to add a hover text on that particular field instead so it would at least guide them to prevent mistakes.

    Example:

    Can you change the input mask error text? Image 1 Screenshot 20

  • Elton Support Team Lead
    Replied on February 21, 2016 at 12:35 PM

    Actually, there's a workaround for this by injecting custom CSS codes to your form. http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Which particular field in your form that you want to apply that particular error so we can provide you the exact CSS codes for that field?

    You can use these CSS codes.

    #id_1 .form-error-message {

    font-size: 0;

    color: rgba(0, 0, 0, 0);

    }

    #id_1 .form-error-message:before {

        content: "Must enter employee idea without leading zeros.";

        font-size: 12px;

        color: #fff;

    }

    Just replace the field ID number (number in bold above) with the field ID number that you want to add that custom error message.

     

  • KeyshaunSmith
    Replied on March 2, 2016 at 10:37 AM

    This now shows both the original message and my message, I do not want the original message to show.

  • BJoanna
    Replied on March 2, 2016 at 12:52 PM

    Can you please provide us ID of the form you are working on and tell us on which field you want to apply CSS code that my colleague provided you? 

    You can also try to add !important rule to CSS code that my colleague provide, to see if that will resolve your issue. 

    #id_1 .form-error-message {

    font-size: 0!important;

    color: rgba(0, 0, 0, 0);

    }

    #id_1 .form-error-message:before {

        content: "Must enter employee idea without leading zeros.";

        font-size: 12px;

        color: #fff;

    }