www.webdeveloper.com
Results 1 to 3 of 3

Thread: form validation - checkbox

Hybrid View

  1. #1
    Join Date
    Sep 2008
    Posts
    12

    form validation - checkbox

    Hello,
    i have a form and require a couple of fields to be filled out. Everything works fine, but the checkbox. I've tried alot of variations, but i can't get the script to require the checkbox to be checked. In my code bellow, the checkbox is called "accept"
    Here is my code, thanks!


    $(document).ready(function(){


    $("#error").hide();

    $("#contactForm #submit").click(function() {
    $("#error").hide();



    var email = $("input#email").val();
    if(email == ""){
    $("#error").fadeIn().text("Courriel requis");
    $("input#email").focus();
    return false;
    }

    var tel = $("input#tel").val();
    if(tel == ""){
    $("#error").fadeIn().text("Numéro de téléphone requis.");
    $("input#tel").focus();
    return false;
    }


    var accepter = $("input#accept").val();
    if(accepter == ""){
    $("#error").fadeIn().text("Vous devez donner l'autorisation");
    $("input#accept").focus();
    return false;
    }

    var sendMailUrl = $("#sendMailUrl").val();


    var to = $("#to").val();
    var from = $("#from").val();
    var subject = $("#subject").val();

    var dataString = 'email='+ email

    + '&email=' + email
    + '&tel=' + tel
    + '&accept=' + accept
    + '&to=' + to
    + '&from=' + from
    + '&subject=' + subject;
    // ajax
    $.ajax({
    type:"POST",
    url: sendMailUrl,
    data: dataString,
    success: success()
    });
    });


    function success(){

    $("#disapear").hide();
    $("#disapear2").hide();
    $("#disapear3").hide();
    //$("#contactForm").fadeOut();
    $("#success").fadeIn();
    $("#success2").show();

    }



    return false;
    });

  2. #2
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    if(!$("input#accept").is(':checked')){
    $("#error").fadeIn().text("Vous devez donner l'autorisation");
    $("input#accept").focus();
    return false;
    }

  3. #3
    Join Date
    Sep 2008
    Posts
    12
    Brilliant!
    Thanks so much!!!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles