casilla de verificación checkbox

[jhordi08]

Hola, buenas tardes.
Ya había escrito hace algún tiempo en el foro y la verdad que me fué muy bien pq se me resolvió el problema perfectamente. Es por eso que vuelvo a aquí :D

Resulta que estoy trabajando en una plantilla wordpress y la sección del FORMULARIO ya viene dada, es decir, el programador ya ha diseñado una página especial para formularios.

Lo que me interesa es modificar esta página y añadir una casilla de verificación (con su texto legal debajo y todo). Lo típico que cuando el usuario active la casilla, pueda enviar el mail, pero sino, no pueda.

El caso es, que se como crear un checkbox, pero no se como darle esta funcion en concreto.

Alguien me puede ayudar porfavor?
gracias!

[ipraetoriux]

una forma facil seria con Javascript...donde recuperas el valor del checkbox, lo verificas y retornas un resultado que determinara si el form es enviado o no ...ejemplo cortito...

Código HTML:

<form bla bla bla bla onsubmit="return verificarChekbox();">
 
<input type="ckeckbox" name="verificar" id="verificar" value="si" />
</form>
 

ahora en el Javascript

Código Javascript:

function verificarChekbox(){
     if(document.forms[0].verificar.checked)
         return true;
     else 
         return false
}
 

Obviamente puedes haer el javascirpt mas completo para generar algun tipo de aviso o alarma que quede mas visto

[jhordi08]

Ok, muchas gracias. Ahora lo prabaré. mi nivel html es bastante básico...

entonces, entiendo que el código HTML lo tengo que copiar y pegar en el formulario en el sitio donde me interese no?

[ipraetoriux]

...pues haber, escribe aca el formulario que tienes, usa el highlight asi se entiende mejor y te explico con mas detalle, y te pongo como hacer el javascript

[jhordi08]

Esta es la página prediseñada del formulario de mi tema Wordpress

Código:

<?php
/*
Template Name: Contact
*/
?>

<?php 

$nameError = '';
$emailError = '';
$commentError = '';

if(isset($_POST['submitted'])) {
		if(trim($_POST['contactName']) === '') {
			$nameError = 'Please enter your name.';
			$hasError = true;
		} else {
			$name = trim($_POST['contactName']);
		}
		
		if(trim($_POST['email']) === '')  {
			$emailError = 'Please enter your email address.';
			$hasError = true;
		} else if (!eregi("^[A-Z0-9._%-]+@[A-Z0-9._%-]+\.[A-Z]{2,4}$", trim($_POST['email']))) {
			$emailError = 'You entered an invalid email address.';
			$hasError = true;
		} else {
			$email = trim($_POST['email']);
		}
			
		if(trim($_POST['comments']) === '') {
			$commentError = 'Please enter a message.';
			$hasError = true;
		} else {
			if(function_exists('stripslashes')) {
				$comments = stripslashes(trim($_POST['comments']));
			} else {
				$comments = trim($_POST['comments']);
			}
		}
			
		if(!isset($hasError)) {
			$emailTo = get_option('tz_email');
			if (!isset($emailTo) || ($emailTo == '') ){
				$emailTo = get_option('admin_email');
			}
			$subject = '[Contact Form] From '.$name;
			$body = "Name: $name \n\nEmail: $email \n\nComments: $comments";
			$headers = 'From: '.$name.' <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $emailTo;
			
			mail($emailTo, $subject, $body, $headers);
			$emailSent = true;
		}
	
} ?>

<?php get_header(); ?>

			<!--BEGIN #primary .hfeed-->
			<div id="primary" class="hfeed">
			<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

				<!--BEGIN .hentry-->
				<div <?php post_class() ?> id="post-<?php the_ID(); ?>">
                
					<h1 class="entry-title"><?php the_title(); ?></h1>

					<!--BEGIN .entry-content -->
					<div class="entry-content">
                    
						<?php the_content(); ?>
                        
						<?php if(isset($emailSent) && $emailSent == true) { ?>

                            <div class="thanks">
                                <p><?php _e('Thanks, your email was sent successfully.', 'framework') ?></p>
                            </div>
        
                        <?php } else { ?>
                
                            <?php if(isset($hasError) || isset($captchaError)) { ?>
                                <p class="error"><?php _e('Sorry, an error occured.', 'framework') ?><p>
                            <?php } ?>
            
                            <form action="<?php the_permalink(); ?>" id="contactForm" method="post" class="clearfix">
                                <ul class="contactform">
                                    <li><label for="contactName"><?php _e('Name:', 'framework') ?></label>
                                        <input type="text" name="contactName" id="contactName" value="<?php if(isset($_POST['contactName'])) echo $_POST['contactName'];?>" class="required requiredField" />
                                        <?php if($nameError != '') { ?>
                                            <span class="error"><?php echo $nameError; ?></span> 
                                        <?php } ?>
                                    </li>
                        
                                    <li><label for="email"><?php _e('Email:', 'framework') ?></label>
                                        <input type="text" name="email" id="email" value="<?php if(isset($_POST['email']))  echo $_POST['email'];?>" class="required requiredField email" />
                                        <?php if($emailError != '') { ?>
                                            <span class="error"><?php echo $emailError; ?></span>
                                        <?php } ?>
                                    </li>
                        
                                    <li class="textarea"><label for="commentsText"><?php _e('Message:', 'framework') ?></label>
                                        <textarea name="comments" id="commentsText" rows="20" cols="30" class="required requiredField"><?php if(isset($_POST['comments'])) { if(function_exists('stripslashes')) { echo stripslashes($_POST['comments']); } else { echo $_POST['comments']; } } ?></textarea>
                                        <?php if($commentError != '') { ?>
                                            <span class="error"><?php echo $commentError; ?></span> 
                                        <?php } ?>
                                    </li>
                        
                                    <li class="buttons">
                                        <input type="hidden" name="submitted" id="submitted" value="true" />
                                        <button name="submit" type="submit" id="submit" tabindex="5"><span class="icon"><span class="arrow"></span></span><?php _e('Send Email', 'framework') ?></button>
                                    </li>
                                </ul>
                            </form>
                        <?php } ?>
					<!--END .entry-content -->
					</div>

				<!--END .hentry-->
				</div>

				<?php endwhile; endif; ?>
			
			<!--END #primary .hfeed-->
			</div>

<?php get_footer(); ?>