Scribd Logo
Upload

Welcome to Scribd!

  • (Focus Contact2)

    Uploaded by

    gvarelag
    6 views2 pages
    This document contains JavaScript code for form validation. It has the following key functions: 1. Adds and removes a "has-val" class on input fields when they have text or are empty. 2. Validates that name, email, and message fields are not empty on form submit. 3. Checks that the email field has a valid email format. 4. Shows error messages by adding a class to input field parents if validation fails.

    Original Description:

    JS Script para Utilizar Span con Textbox

    Original Title

    Main JS

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains JavaScript code for form validation. It has the following key functions: 1. Adds and removes a "has-val" class on input fields when they have text or are empty. 2. Validates that name, email, and message fields are not empty on form submit. 3. Checks that the email field has a valid email format. 4. Shows error messages by adding a class to input field parents if validation fails.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    6 views2 pages

    (Focus Contact2)

    Uploaded by

    gvarelag
    This document contains JavaScript code for form validation. It has the following key functions: 1. Adds and removes a "has-val" class on input fields when they have text or are empty. 2. Validates that name, email, and message fields are not empty on form submit. 3. Checks that the email field has a valid email format. 4. Shows error messages by adding a class to input field parents if validation fails.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 2

    (function ($) {

    "use strict";

    /*==================================================================
    [ Focus Contact2 ]*/
    $('.input2').each(function(){
    $(this).on('blur', function(){
    if($(this).val().trim() != "") {
    $(this).addClass('has-val');
    }
    else {
    $(this).removeClass('has-val');
    }
    })
    })

    /*==================================================================
    [ Validate ]*/
    var name = $('.validate-input input[name="name"]');
    var email = $('.validate-input input[name="email"]');
    var message = $('.validate-input textarea[name="message"]');

    $('.validate-form').on('submit',function(){
    var check = true;

    if($(name).val().trim() == ''){
    showValidate(name);
    check=false;
    }

    if($(email).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-
    9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/) ==
    null) {
    showValidate(email);
    check=false;
    }

    if($(message).val().trim() == ''){
    showValidate(message);
    check=false;
    }

    return check;
    });

    $('.validate-form .input2').each(function(){
    $(this).focus(function(){
    hideValidate(this);
    });
    });
    function showValidate(input) {
    var thisAlert = $(input).parent();

    $(thisAlert).addClass('alert-validate');
    }

    function hideValidate(input) {
    var thisAlert = $(input).parent();

    $(thisAlert).removeClass('alert-validate');
    }

    })(jQuery);

    You might also like