• chcsuter

    (@chcsuter)


    Como y donde puedo insertar java script en el plugin contatc form 7

    tengo un password y otro para la validacion y quiero insertar la siguiente funcion de java pero no se como hacerlo

    Muchas gracias

    <script type=”text/javascript”>

    function checkPass(){

    //Store the password field objects into variables …

    var pass1 = document.getElementById(‘password1′);

    var pass2 = document.getElementById(‘password2′);

    //Store the Confimation Message Object …

    var message = document.getElementById(‘confirmMessage’);

    //Set the colors we will be using …

    var goodColor = “#66cc66″;

    var badColor = “#ff6666″;

    //Compare the values in the password field and the confirmation field

    if(pass1.value == pass2.value){

    //The passwords match.

    //Set good color and inform user of correct password

    pass2.style.backgroundColor = goodColor;

    message.style.color = goodColor;

    message.innerHTML = “Passwords Match!”

    }else{

    //The passwords do not match.

    //Set bad color and notify the user.

    pass2.style.backgroundColor = badColor;

    message.style.color = badColor;

    message.innerHTML = “Passwords Do Not Match!”

    }

    }

    </script>

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Pedro Pinto

    (@pintomena)

    Contact form 7 no permite crear campos tipo password. Para eso vas a tener que picar algo de código:

    password fields in contact form 7

    Además tienes que incluir en tus campos «password» del formulario de contacto id:password1 y id:password2, para que el javascript funcione. También crear una caja de texto p o div con id= confirmMessage para que te aparezca el mensaje.

    Además tienes que incluir ese javascript de la siguiente forma:

    javascript codex

    Antes de hacer todo prueba este plugin. A ver si te soluciona la papeleta

    si-contact-form

    Un saludo

    Iniciador del debate chcsuter

    (@chcsuter)

    para poner los id estoy usando el plugin Real-Time Find and Replace con el siguiente texto

    In the ‘Find’ field enter:
    type=”text” name=”password1″

    In the ‘Replace’ field enter:
    type=”password” name=”password1″ id=”password1″

    For the second ‘Find’ field, enter:
    type=”text” name=”password2″ id=”password2″

    For the second ‘Replace’ field, enter:
    type=”password” name=”password2″ id=”password2″ onkeyup=”checkPass(); return false;”

    y mi codigo en el contact form7 es el siguiente
    Desired Username (required): [text* username]
    Email Address (required) [email* your-email]
    Password (required) [text* password1]
    Confirm Password (required) [text* password2]
    Code [captchac code fg:#ffffff bg:#5393b4 size:m]
    Re Type Code (required) [captchar code /5]
    [submit «Apply»]
    <span id=»confirmMessage» class=»confirmMessage»> </span>

    estoy sacando los datos de una demo que funciona perfecto en ingles (que se muy poco) pero no da soporte al usaurio

    Pedro Pinto

    (@pintomena)

    Perfecto, ahora sólo tienes que incluir tu javascript. Para hacerlo de forma elegante con wp_enqueue_script aquí tienes un enlace:

    wp_enqueue_script

    Si no quieres complicarte la vida puedes meter el código javascript en el fichero header.php de tu tema, antes de la etiqueta </head>. Ojo, si actualizas tu tema pierdes esto!

    Un saludo

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘contact form 7 java Script’ está cerrado a nuevas respuestas.