SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Form Validation (Radio Buttons...)

    Hi Guys,

    I have created a very simple form with a text box and radio buttons. I am using javascript to echo my php in a div but it won't allow me to see which radio button was selected! Nightmare... :-(

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    </head>
    
    <body>
    
    <form id="testForm" method="post" >
    
    <input type="text" name="info" >info<br>
    <input type="radio" name="sex" value="male">Male<br>
    <input type="radio" name="sex" value="female">Female
    
    <input type="submit" value="Submit">
    </form> 
    
    <div id="response">
    dafadf
             	<div class="clearer"></div><!--clearer-->
                
             </div><!--response--> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/testForm.js"></script>
     
    </body>
    </html>
    Code:
    testForm.js file
    
    $(document).ready(function()
    {
    	$("#testForm").submit(function()
    	{
    		
    		var sex_Js = $("#sex").val();
    		
    		var info_Js = $("#info").val();
    	
    		
    		$("#response").load("../testPhp.php",{
    		
    		sex:sex_Js,
    		
    		info:info_Js
    	
    		});
    		
    	return false;
    	});
    	
    });
    PHP Code:
     <?php


        $nameField_PHP 
    $_POST['sex']; 
        
        
    $info_PHP $_POST['info']; 
        
            echo 
    $info_PHP;
            echo 
    "<br />" $nameField_PHP;
        
        
    ?>
    Why isn't the javascript sending the radio buttons value through to the PHP?

    Many thanks.

  2. #2
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,836
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    JavaScript can see all the radio buttons whether they are selected or not - you need to loop through them all to find the selected one if you want to reference that in JavaScript. Only the selected one gets passed to PHP so in PHP the radio button group is no different from an input field where one of the values associated with the buttons gets entered.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">


Bookmarks

Posting Permissions

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