Soporte » Plugins y Hacks » contact form 7 java Script

  • 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)
  • 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

    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.