Form warnings not working

  • Profile Image
    buttermaid
    Asked on January 24, 2013 at 08:13 PM

    Hi,

    I have all my form fields set to validate the correct format - email, numerical, etc... but the form warnings only display "Please complete required (*) fields." for all of the bad entrys that I'm testing it with. None of the other form warnings will work. Ex: Enter a valid email address

     

  • Profile Image
    pinoytech
    Answered on January 24, 2013 at 09:32 PM

    Hi Jeff,

    Sorry for the inconvenience that may have caused. With regards to your query, this form is already customize using custom css. If you want all warnings to be displayed in your form, all you need to do is update the codes that being injected to this form and remove the codes that was highlighted.

    /*--red border on error--*/

    .form-validation-error {

    border: 1px solid #FFB0B0 !important;

    }

    /*---form textbox styles fixed---*/

    .form-textarea, .form-textbox  {

    border: 1px solid #b7bbbd;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    padding: 4px;

    background:transparent !important;

    width: 390px !important;

    max-width: 390px !important;

    -webkit-appearance: none;

    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2), 0 1px 0 rgb(255,255,255);

    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2), 0 1px 0 rgb(255,255,255);

    box-shadow: inset 0 0 4px rgba(0,0,0,0.2), 0 1px 0 rgb(255,255,255);

    border: 1px solid #AEAEAE;

    color: #333;

    font-family:verdana !important;

    }

    /*--form all styles--*/

    .form-all{

    background:url('https://cms.jotform.com/uploads/image_upload/image_upload/global/6332_bg_envelope.png') no-repeat;

    float:left;

    padding-left: 54px;

    padding-top: 0px !important;

    width: 480px;

    height: 578px;

    }

    /*---remove error message---*/

    .form-error-message {display: none !important;}

    .form-line-error {

    background:none repeat scroll 0 0;

    }

    /*---button error move down---*/

    .form-button-error {

    display: block !important;

    }

    /*---submit button move--*/

    .form-submit-button{

    margin-top:0px !important;

    cursor: pointer;

    }#id_6{

    text-align: center !important;

    font-weight: bold !important;

    font-size: 25px !important;

    color: #3e83a5 !important;

    margin-right: 39px !important;

    font-family: arial !important;

    padding:0px !important;

    }

    #text_6{

    margin-right: 20px;

    padding-top: 10px;

    }

    .form-buttons-wrapper{

    margin-right: 60px;

    }.form-textarea:focus, .form-textbox:focus{

    outline:none !important;

    }

    /*--fix textarea height--*/

    #input_4{

    height: 95px !important;

    max-height: 95px !important;

    }

    /*--fix captcha--*/.form-captcha .form-textbox{

    width:130px !important;

    }

    This is how it looks after removing the codes: http://www.jotformpro.com/form/30237563801954

    If you need further assistance, do let us know.

    Thank you!

  • Profile Image
    buttermaid
    Answered on January 24, 2013 at 11:13 PM
    Thank you, it worked!

    Donate A Dozen Cookies To Our Solders!
    www.ButterMaidBakery.com
    Like Us On Facebook
    Sign Up For Our Special Offers! - email updates on exclusive special offers, and our biggest sales - for your choice of retail locations and our online store!
  • Profile Image
    pinoytech
    Answered on January 25, 2013 at 03:11 AM

    It's my pleasure Jeff! If you need our assistance again, feel free to contact us at anytime.

    Have a great day!