.LV_validation_message{ font-weight:bold; margin: 0 0 0 5px; } .LV_valid{ color:#00CC00; display:none; } .LV_invalid{ color:#CC0000; font-size:10px; } .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { outline: 1px solid #00CC00; } .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { outline: 1px solid #CC0000; } var dom0 = document.querySelector('#form723 #field0'); var field0 = new LiveValidation(dom0, { validMessage: "", onlyOnBlur: false, wait: 300} ); field0.add(Validate.Presence, { failureMessage:"This field is required"} ); var dom1 = document.querySelector('#form723 #field1'); var field1 = new LiveValidation(dom1, { validMessage: "", onlyOnBlur: false, wait: 300} ); field1.add(Validate.Presence, { failureMessage:"This field is required"} ); var dom2 = document.querySelector('#form2564#field2'); var field2 = new LiveValidation(dom2, { validMessage: "", onlyOnBlur: false, wait: 300} ); field2.add(Validate.Presence, { failureMessage:"This field is required"} ); var dom3 = document.querySelector('#form723 #field3'); var field3 = new LiveValidation(dom3, { validMessage: "", onlyOnBlur: false, wait: 300} ); field3.add(Validate.Presence, { failureMessage:"This field is required"} ); var dom4 = document.querySelector('#form2564#field4'); var field4 = new LiveValidation(dom4, { validMessage: "", onlyOnBlur: false, wait: 300} ); field4.add(Validate.Presence, { failureMessage:"This field is required"} ); field4.add(Validate.Format, { pattern: /^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i, failureMessage: "A valid email address is required"} ); function resetSubmitButton(e){ var submitButtons = e.target.form.getElementsByClassName('submit-button'); for(var i=0;i<submitButtons.length;i++){ submitButtons[i].disabled = false; } } function addChangeHandler(elements){ for(var i=0; i<elements.length; i++){ elements[i].addEventListener('change', resetSubmitButton); } } var form = document.getElementById('form2564’); addChangeHandler(form.getElementsByTagName('input')); addChangeHandler(form.getElementsByTagName('select')); addChangeHandler(form.getElementsByTagName('textarea')); var nodes = document.querySelectorAll('#form2564 input[data-subscription]'); if (nodes) { for (i = 0, len = nodes.length; i < len; i++) { var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute('data-subscription'); if(status ==='true') { nodes[i].checked = true; } } }; var nodes = document.querySelectorAll('#form2564 select[data-value]'); if (nodes) { for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; var selectedValue = node.dataset ? node.dataset.value : node.getAttribute('data-value'); if (selectedValue) { for (var j = 0; j < node.options.length; j++) { if(node.options[j].value === selectedValue) { node.options[j].selected = 'selected'; break; } } } } }