Member Avatar for cali_dotcom

can anyone tell me why this does not work:

<div>
    <table>
    <FORM name="search_form"  method='POST' onSubmit="return validate_form();" ACTION='jobsearch.php'>
    <tr><td>keyword:</td><td >
        <INPUT TYPE='TEXT' NAME='keyword'></td>
        <td>Industry:</td><td >
        <select name="cat_id">
        <option value="">---select one---</option>
        <option value="1">Accounting</option>
        <option value="2">Administration</option>
        <option value="3">Automation</option>
        <option value="4">Banking</option>
        <option value="5">Biotech</option>
        <option value="6">Bussiness</option>
        <option value="7">Construction</option>
        <option value="8">Construction</option>
        <option value="9">Consulting</option>
        </select></td></tr>
        <tr><td>city and state or zipcode: </td><td >
        <INPUT TYPE='TEXT' NAME='place'></td></tr>
        
        <tr ><td colspan="2"><input type="submit" value="Search"></td></tr>
    </form>
    </table>
    </div>

the javascript containing the function validate_form was linked in the header section:

<HEAD>
<link href='style_sbdjobs.css' type='text/css' rel='stylesheet' />
 
<script src="reg_form.js"></script>
 
 
 
 
</HEAD>

the problem is when the submit button is clicked, the javascript function is not called instead the php function is called directly but i need the form to be validated first before it is sent to the server. here is what the javascript reg_form.js looks like:

function validate_form( )
{
    valid = true;
 
        if ( document.search_form.keyword.value == "" )
        {
                alert ( "Please type in a keyword." );
                valid = false;
                break;
        }
 
        
 
        if ( document.search_form.cat_id.selectedIndex == 0 )
        {
                alert ( "Please select an industry." );
                valid = false;
                break;
        }
        
        if ( document.search_form.place.value == "" )
        {
                alert ( "Please type in a zipcode or city and state." );
                valid = false;
                break;
        }
        
 
 
        return valid;
}
  • 3 Contributors
  • 3 Replies
  • 77 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by scru
Member Avatar for Shanti C

hello i have changed your code,its works fine now..

<!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=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
 
function validate_form( )
{
    var d=document.search_form;
        if (d.keyword.value=="")
        {
                alert ( "Please type in a keyword." );
                return false;
                
        }
        if (d.cat_id.selectedIndex==0)
        {
                alert ( "Please select an industry." );
                        return false;
        }
        if (d.place.value=="")
        {
                alert ( "Please type in a zipcode or city and state." );
                        return false;
        }
        return valid;
}
</script>
</head>
<body>
    <div>
    <table>
    <FORM name="search_form" ACTION='jobsearch.php' method='POST' onSubmit="return validate_form();" >
    <tr><td>keyword:</td><td >
        <INPUT TYPE='TEXT' NAME='keyword'></td>
        <td>Industry:</td><td >
        <select name="cat_id">
        <option value="">---select one---</option>
        <option value="1">Accounting</option>
        <option value="2">Administration</option>
        <option value="3">Automation</option>
        <option value="4">Banking</option>
        <option value="5">Biotech</option>
        <option value="6">Bussiness</option>
        <option value="7">Construction</option>
        <option value="8">Construction</option>
        <option value="9">Consulting</option>
        </select></td></tr>
        <tr><td>city and state or zipcode: </td><td >
        <INPUT TYPE='TEXT' NAME='place'></td></tr>
        
        <tr ><td colspan="2"><input type="submit" value="Search"></td></tr>
    </form>
    </table>
    </div>
 </body>
</html>
Member Avatar for cali_dotcom

thanks man, that was great.

Member Avatar for scru

Can I just ask? Do you have PHP validation is place as well in case the user disables javascript?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.