JavaScript - Return True And Return False -- What Means What?

I have the following form:
Quote:
<form action="/cgi-bin/script.cgi" method="POST" onsubmit="check_create()">
<fieldset>
<legend>Create project</legend>
Type <input id="type" type="text" name="type" size="20" /><br/>
Name <input id="project" type="text" name="project" size="20" /><br/>
Language to use <input id="language" type="text" name="language" size="20"/><br/>
<input type="hidden" name="profile" value="[% profile %]"/>
<input type="submit" value="Create" />
</fieldset>
</form><br/>
and check_create function is:
Quote:
function check_create() {

var type = document.getElementById('type').value;
var pname = document.getElementById('project').value;
var language = document.getElementById('language').value;
if ((type == '') || (pname == '') || (language == '')) {
alert('You must complete form');
return false;
}
else alert('Ok');

}
The problem is that return false doesn't work, but form lanch /cgi-bin/script.cgi.
Where is the problem? Why return false doesn' work?

Regards,
savio

Hi I've managed to change the border color whenever someone clicks on another link on my page but because I need to use return false to keep the color it is stopping the link from going to that page;

Code:

<script type="text/javascript">

function changeColor(color) {
document.getElementById("nav").style.borderColor = color;
}

</script>

<a href="index.php" onclick="changeColor('red') ;return false">HOME</a>
<a href="about.php" onclick="changeColor('blue') ;return false">ABOUT</a>
<a href="contact.php" onclick="changeColor('orange') ;return false">CONTACT</a>

Any help would be appreciated, I've only recently got into JS


Cheers

hi guys, i need a javascript for my checkbox

1st: need to check the checkbox to go to next page or else stay at current page with an alert popout "Please check the checkbox"

can some one help me please?

I am trying to figure out that if the function "xmlhttp.onreadystatechange=function()" returns true the whole function "function checkUser(str)" should return true as well....so not sure how to do it. i have banged my head since long so please advise!

Here is the code below:

--------------------------------------------------------



function checkUser(str)
{
var sp = document.getElementById("msgs");

if (str=="")
{
document.getElementById("msgs").innerHTML="Username cannot be empty.";
return false;
}

if (str.length <= 6)
{
document.getElementById("msgs").innerHTML="Username cannot be less than 6 characters and must not start with a number or a special value";
return false;
}


if (window.XMLHttpRequest)
{ //code for IE7+, firefox, chrome, opera, safari
xmlhttp=new XMLHttpRequest();
}
else
{ //code for old IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
if (xmlhttp.responseText === 'FOUND')
{
sp.style.color = "red";
sp.innerHTML = "[ERROR]: The username \"" + str + "\" already exist. Please try a different name.";
return false;
}

else if (xmlhttp.responseText === 'NOT FOUND')
{
sp.style.color = "blue";
sp.innerHTML = "Username: VALID";
return true;
}

}
}

xmlhttp.open("GET", "checkUser.php?q="+str,true);
xmlhttp.send();

}

hi guys, maybe im being stupid but any ideas why this doesnt seem to work:

Code:

function checkSCItems() { //check sccost not blank due to ajax need to do lookup
	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null) {
		alert ("Browser does not support HTTP Request");
		return;
	}

	var params = "?scnumber=" + escape(document.getElementById('scnumber').value);
	var url="_check_scitems.php";
	url=url+params;
	ajaxedInner = "";
	xmlHttp.open("GET",url,true);
	xmlHttp.setRequestHeader("If-Modified-Since", "Fri, 31 Dec 1999 23:59:59 GMT");
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.send(null);
	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4){
			if (xmlHttp.status == 200) {
				var checkSCItemsResponse = xmlHttp.responseText;
				if(checkSCItemsResponse == 'found') {
					return true;
				} else {
					window.location.hash = 'scpricebuildup2';
					alert('You must first create some cost items');
					return false;
				}
			} else {
				alert('There was a problem, please try again, or contact the Administrator');
				return false;
			}
		}
	}
}

im calling this and if it returns true another function is called but for some reason the 2nd function never seems to happen. (that function works fine so it cant be that - if i just set this function to return true everything works fine too)

its being called like so:

Code:

<a href='javascript:;' onclick="if(checkSCItems() && validateText(document.subcontract_order,['scdate','scworks','scpayment','scfirstpayment','scpaymentinterim','scbalance','scretentionat','sccommence','sccompletion','sclabour','scplant','scmaterials']) && validateDate(document.subcontract_order, ['scdate','scfirstpayment','scbalance','sccommence','sccompletion']) && validateSelectNoBlank(document.subcontract_order, ['trading_name'])){window.open('subcontract_order_print.php?id=<?php echo writeIfSet($id) ?>')}">

is there some issue with ajax and return true? do i need to tell it to call another function that calls return true etc?

I am having trouble with some JavaScript that is supposed to add some Google Analytics tracking parameters to "cross-domain" links (used to auto append tracking info across multiple domains as a way of sharing the Google cookie info).

I have my code kind of working at this point except the default event (the normal href link) is not stopping. Instead my new event (the link plus Google parameters) fires off and is immediately replaced by the default (no parameters) event. For links that open in a new window, two windows open, one the standard link and one with the intended parameters.

I am using a return false; on each link type but it is not doing anything. Any ideas how I can stop the default event?

Code:
Code:

//Last Updated 5/10/12

/*Regex list of on-site domains, pipe and backslash delimited. */
var wa_onsiteDomains = /mydomain\.com|my2nddomain\.com|my3rddomain\.com|javascript/i;

/*Used to unobtrusivly add events to objects*/
function unobtrusiveAddEvent (element,event,fn) {
   var old = (element[event]) ? element[event] : function () {};
   element[event] = function () {fn(); old();};
}

function wa_crossDomainLink(i) {
	return function () { 
		var thisLink = decodeURI(wa_links[i]);
		var thisLinkTarget = wa_links[i].target;
		if (typeof(_gaq) == "object") {
			if(thisLinkTarget == "_blank") {
				var wa_myTracker=_gat._getTrackerByName();
				var wa_fullUrl = wa_myTracker._getLinkerUrl(thisLink);
				window.open(wa_fullUrl); return false;
			} else {
				_gaq.push(['_link', thisLink]); return false;
			}
		}
	};
}

var wa_links = document.links;
if ( wa_links ){
	for(var i=0; i<wa_links.length; i++) {
		if( wa_links[i].href.match(wa_onsiteDomains) && !wa_links[i].href.match(location.hostname)){
			unobtrusiveAddEvent( wa_links[i], 'onclick' , wa_crossDomainLink(i));
		}
	}
}

Note, the code above resides in a separate js file and is called at the bottom of every page.

Thanks!

Lets say I have a MySQL value of 4... and I have a HTML INPUT field.. Is there a way to make it so that if a client tries to submit a value higher than 4, then they will be returned a message? Something like:

Code:

<SCRIPT type="text/javascript">
	function validateForm() {
		if (document.forms["form"]["quantity"].value== (+$row['quantity']) {
			alert ("Cannot submit because the quantity specified is not available.");
			return false;
		}
	}
</SCRIPT>
<INPUT name="quantity" onsubmit="return validateForm()>

I am getting double Alert prompts for a single form: The alert pops up the first time, then when I click OK, the same one pops open again. I think my code should do the alert once when it hits "else window.alert(sameWarning) and the stop when it reaches "return false()"; but it seems return false() is causing the alert twice. Maybe because I have two forms on one page; yet, they have two separate function names ("signinForm()" and "saveSignUp()")and call two separate forms (forms[0] and forms[1])? I think my code is correct, but I can't figure it out at this point. Any help would be appreciated. Thanks in advance!

Code:

      <script type="text/javascript">
    //FIRST FUNCTION FOR FORMS[0]
    function signinForm(){
    
    		// var sameWarning = "The required fields were not submitted for the following error(s).  \n \n";
    		var warningLogin = "The following field(s) require an entry: \n \n";
    		var sameWarning = warningLogin;
    		
    		var userName = document.forms[0].userName.value;
    		var pswd = document.forms[0].pswd.value;
    		
    		if(userName == ""){ 
    		sameWarning += " - First Name \n";
    		}
    		
    		if(pswd == ""){ 
    		sameWarning += " - Password \n";
    		}
    
    		if (warningLogin == sameWarning){ 
    			return true; 
    			}
    		
    		else  { 
    			window.alert(sameWarning); 	
    		}
        return false;	
       }
     
  //SECOND FUNCTION CALL FOR FORMS[1] 
    function saveSignUp(){
    
    		// var warning = "The required fields were not submitted for the following error(s).  \n \n";
    		var warning = "The following field(s) require an entry: \n \n";
    		var same = warning;
    		
    		var firstName = document.forms[1].firstName.value;
    		var lastName = document.forms[1].lastName.value;
    		var email = document.forms[1].email.value;
    		var phone = document.forms[1].phoneNumber.value;
    		
    		if(firstName == ""){ 
    		//firstName.style.backgroundColor="red";
    		warning += " - First Name \n";
    		}
    		
    		if(lastName == ""){ 
    		warning += " - Last Name \n";
    		}
    
    		if(email == ""){ 
    		warning += " - Email \n";
    		}
    
    		if(phone == ""){ 
    		warning += " - Work Phone \n";
    		}
    		
    		if(phone < 5 ){
    			warning += " - Must be a numberssss \n";
    			}
    
    		if (warning == same){
    			return true; 
    		} 
    		
    		else  { 
    			alert(warning); 		
    		}
    	return false;
       }
       
    </script>

HTML

Code:

    <h1>Login</h1>
    <form method="post" onsubmit="return signinForm();" action="" >
        <input type="text" placeholder="Username/Email" name="userName">
        <input type="password" placeholder="Password" name="pswd" id="pswd">
        <input type="submit" onclick="signinForm();" value="Sign In">
    </form>
    <h1>Sign Up!</h1>
        <form method="post" onsubmit="return saveSignUp()" action="" >
        <input type="text" placeholder="First Name" name="firstName">
        <input type="text" placeholder="Last Name" name="lastName">
        <input type="text" placeholder="Email" name="email">
        <input type="text" placeholder="Phone Number" name="phoneNumber">
        <input type="submit" onclick="saveSignUp();" class="button wide" value="Request an Account">		
</form>

*UPDATE
Fixed! After I removed the onclick in the button, the double alerts went away. Apparently, I was I was firing off two events (calling the javascript twice) with both the onsubmit and the onclick.

Just wondering:
1. Is "onsubmit" a special event handler just for button "type=submit" vs onlclick can be used for any element?
2. Is there a preference among developers to use onclick vs. onsubmit?
3. Is there an order of precedence for method calls over submit calls (the onclick goes first, then it automatically fires the submit call to the function too)?

i'm trying to get some information with this code from my database:

Code:

function getTableSize(tableName){
    db.transaction
    (
        function(tx)
        {
            tx.executeSql
            ('SELECT * FROM '+ tableName,[] , function(tx, r)
                                                      {
                                                          return r.rows.length;
                                                      }
            );    
        }
    );
}

but it doesnt work and i cant figure why
what i want is that this function return the table size to one variable in another function...something like:

Code:

var groupTableSize = getTableSize('groups');

i have this in my javascript code but have no idea on how a returned value works/where does it return to???? what do i do/or can i do with a value that gets returned???

i am asking this so i can learn on how to use it cos i am new to all this and dont know how it works...please show/explain to me please?

thanks
here my full code:
PHP Code:
<?php use_stylesheets_for_form($form) ?>
<?php use_javascripts_for_form($form) ?>

<html>
<head>
<script type="text/JavaScript">
function refreshPage(s) 
{ 
window.location.reload(); 
if((s.options[s.selectedIndex].value) = "zed-catcher")
{
var $index = s.selectedIndex;
var $value = s.options[$index].value;
alert (s.selectedIndex); 
alert ($value);
window.location.reload(); 
[COLOR="Red"]return &value; //where does it return to ???? how/what to do with a return value???[/COLOR]
}
} 
</script>
</head>
</html>

<body> 
<form action="<?php echo url_for('adminservice/'.($form->getObject()->isNew() ? 'create' : 'update').(!$form->getObject()->isNew() ? '?id='.$form->getObject()->getId() : '')) ?>" method="post" <?php $form->isMultipart() and print 'enctype="multipart/form-data" '?>>
<?php if (!$form->getObject()->isNew()): ?>
<input type="hidden" name="sf_method" value="put" />
<?php endif; ?>

<table >
<tfoot>
<tr>
<td colspan="2">
<?php echo $form->renderHiddenFields(false) ?>
&nbsp;<a href="<?php echo url_for('adminservice/index') ?>">Back to list</a>
<?php if (!$form->getObject()->isNew()): ?>
&nbsp;<?php echo link_to('Delete', 'adminservice/delete?id='.$form->getObject()->getId(), array('method' => 'delete', 'confirm' => 'Are you sure?')) ?>
<?php endif; ?>
<input type="submit" value="Save" />
</td>
</tr>
</tfoot>
<tbody>
<?php echo $form->renderGlobalErrors() ?>
<tr>
<th><?php echo $form['name']->renderLabel() ?></th>
<td>
<?php echo $form['name']->renderError() ?>
<?php echo $form['name']?>
</td>
</tr>

<tr>
<th><?php echo $form['logo_url']->renderLabel() ?></th>
<td>
<?php echo $form['logo_url']->renderError() ?>
<?php echo $form['logo_url'] ?>
</td>
</tr>
<tr>
<th><?php echo $form['call_center_number']->renderLabel() ?></th>
<td>
<?php echo $form['call_center_number']->renderError() ?>
<?php echo $form['call_center_number'] ?>
</td>
</tr>
<tr>
<th><?php echo $form['catcher_id']->renderLabel();
$catcher_id = $form->getObject()->getCatcherId();
$catcher = LpmCatcherPeer::getByCatcherId($catcher_id);
$catcher_name = $catcher->getName();
?></th>
<td>
<?php echo $form['catcher_id']->renderError() ?>
[COLOR="Red"]<select name="services" onchange="refreshPage(this.form.services)">[/COLOR]
<?php
$catcher_names = LpmCatcherPeer::getByAllNames();
foreach($catcher_names as $row)
{
?>
<option value="<?php echo $row->getName()."/".$row->getId();?>" <?php if($row->getName() == $catcher_name) echo ' selected="selected"'; ?> ><?php echo $row->getName();?></option> 
<?php
}

[COLOR="Red"]if ($row->getName() == "zed-catcher") //just thought with the return in my java script i can pass the newley selected value back to here and if it meets the if i echo these lines??
{
echo $form['service_code']->renderLabel(); 
echo $form['service_code']->renderError(); 
echo $form['service_code'];
} [/COLOR]
?>
</select> 
</td> 
</tr>
<tr>
<th><?php echo $form['price_description']->renderLabel() ?></th>
<td>
<?php echo $form['price_description']->renderError() ?>
<?php echo $form['price_description'] ?>
</td>
</tr>
</tbody>
</table>
</form>
</body>

thanks!

Hello, How can this be made to return confirmation?
<form id="score_form" method="post" action="addscore.php"><input id="score" name="score" value="" type="hidden"><img id="collect" style="cursorointer;height: 37px; width: 100px; margin-top: 13px;" src="./collectlive.gif" onclick="collect_points();"></form>
Letsay the confirmation window would say"ARE YOU SURE"

hi,i don't understand about the jquery basic example
the code is below
PHP Code:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $('p').addClass(function(n){
      return 'par_' + n;
    });
  });
});
</script>
<style type="text/css">
.par_0
{
color:blue;
}
.par_1
{
color:red;
}
</style>
</head>

<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Add classes to p elements</button>
</body>
</html> 


i want to understand about the how is work function(n){ in the function a
and how work return function return 'par_' + n;
thanks mate

Have a jsp page with 10 editable fields and in last Add Button.Now when user edit a field from value 10 to 20(example)and click on Add .Value will be changed and focus will return to the same field.similarly for other fields.how to to .any code sample?

hi,

i wanna get the value from javascript to php variable. here is my code,
<html>
<body>
<select name="drop" size="10" onchange="drp_selectd_value(this)">
<option>One</option>
<option>Two</option>
<option>Three</option>
<option>Four</option>
<option>Five</option>
&nbsp;
</select>

<?php
echo "The PHP value".'<script>value_return();</script>';
$p='<script>y;</script>';
?>
</body>
</html?


<script>
var x;
var y=100;

function drp_selectd_value(sdf)
{
x=sdf.value;
alert("Value is : " +x);
value_return(x);


}
function value_return(val)
{
alert("Second Function calling : "+val );
return val;

}
</script>


This code does not working!!! How can i fix tis problem???I m expecting for the reply.. Thanks in advance