JavaScript - Preventing A Form From Sending Unless An Input Matches

Hi,

I have a problem with sending data from a form to a php script with AJAX. To test if it works, I try to send data from the form, print it in the php with "echo", and then put it back in the initial html file.

My Javascript code is:
Code:

function registerPrivateUser()
{
	xmlhttp=GetXmlHttpObject();
	if (xmlhttp==null)
	{
	  alert ("Your browser does not support AJAX!");
	  return;
	}
	
	var postData="firstName="+ document.getElementById("txtFirstName").value;
	var url="classes/users/checkRegistration.php";
	
	xmlhttp.onreadystatechange=stateChanged;
	xmlhttp.open("POST",url,true);

	
	//xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8"); 
	
	xmlhttp.send(postData);
}

The function stateChanged, basically says:
Code:

if (xmlhttp.readyState==4)
	{
		var strResponse;
		strResponse=xmlhttp.responseText;
		alert('Response:' + xmlhttp.responseText);
	}

checkRegistration.php looks like this:
PHP Code:
<?
session_start();
$firstName=$_POST['firstName'];
echo($firstName);
?>

The problem is that the response is empty, but I don't know why. I have checked the input data and the postData variable says "firstName="+input (e.g. "firstName=Robert"), so that's not the error. I have read several forum posts here, but still haven't figured out what I'm doing wrong.
If anyone could please tell me, I would appreciate it alot.

Hey,

I have a couple of forms which use JS validation and if the validation checks out the forms action is a new php page which sends the form (see code below). It all works fine but occasionally blank emails come through. After researching some people say I shouldn't use client side validation. Is there an easier way by tweaking the code I have rather than changing it all completely?

Code:

<script language="php">
$email = $HTTP_POST_VARS[email];
$mailto = "info@xxxxxxxx.com";
$mailsubj = "mail form";
$mailhead = "From: $Email\n\n";
reset ($HTTP_POST_VARS);
$mailbody = "mail:\n\n";

while (list ($key, $val) = each ($HTTP_POST_VARS)) { $mailbody .= "$key : $val\n"; }
if (!eregi("\n",$HTTP_POST_VARS[email])) { mail($mailto, $mailsubj, $mailbody, $mailhead); }
</script>

thanks for any help,

E

hi,

I've been making a search box, which works as it should like this:

Code:

function searchLocations() {
     var input = document.getElementById('tb').value;

	  if (!input) {
         alert("please enter a name");
       } else {
         for (var j = 0; j < gmarkers.length; j++) {
		 
		 if (gmarkers[j].myname.toLowerCase() == input.toLowerCase()) {
       gmarkers[j].show();
	   myclick(j);
	   }
	   }
   }
}

but then if the user types a term that doesn't match, it does nothing. So I wanted an alert, which I figured would go like this:

Code:

function searchLocations() {
     var input = document.getElementById('tb').value;
         for (var j = 0; j < gmarkers.length; j++) {
		  if (input.toLowerCase() == gmarkers[j].myname.toLowerCase()) {
       gmarkers[j].show();
	   myclick(j);
      } else 
	alert("no results found"); 
	}
  }

or this:

Code:

function searchLocations() {
     var input = document.getElementById('tb').value;
         for (var j = 0; j < gmarkers.length; j++) {
		if (gmarkers[j].myname.toLowerCase() !== input.toLowerCase()) {
         alert("no results found");
       } else { 
		 if (gmarkers[j].myname.toLowerCase() == input.toLowerCase()) {
       gmarkers[j].show();
	   myclick(j);
	   }
	   }
   }
}

but either way pops an alert, even if the search term is valid, and locks the page up.

which is not quite what I was looking for.

any suggestions?

Okay, this should be an easy one. I'm a JS newb, so be kind The code I have right now is an autosuggest feature, but currently, it only finds exact matches, not partials. I want it to find partials. I know the line of code I need to rewrite, but I can't figure out what JS function to use.

For example, if a user types "pizza", i want "pepperoni pizza" to show up, not just things that start with "pizza".

Code:

// str is the string that the user is typing in
// this.aNames is an array containing all the possible strings to match against
// aList is the list of matches from aNames when compared to str

 autoCompleteDB.prototype.getMatches=function(str,aList,maxSize)
 {
    /* debug */ //alert(maxSize+"ok getmatches");
    var ctr=0;
    for(var i in this.aNames)
    {
		if(this.aNames[i].toLowerCase().indexOf(str.toLowerCase())==0) /*THIS LINE NEEDS TO BE CHANGED*/
       {
          aList.push(this.aNames[i]);
          ctr++;
       }
       if(ctr==(maxSize-1)) /* counter to limit no of matches to maxSize */
          break;
    }
 };

Hello everybody

I'm working on a tiny personal project, that only needs a little push to be finished. As I'm not a skilled enough scripter, I had to google around, but without any result exactly same as mine.

What I'd like to know, how can I search in the body for strings surrounded by other strings that signs that the string I want is between them?

example:
Code:

I'm a part of the body :3 // <- not surrounded part of the body

[cust]You want me in your array :)[/cust]  // <- this one is surrounded

I won't get into your array :( // <- this one is not, just like the most of the body

I have no snippet that could help me.

Thank you in advance

is there js to prevent malicious clickers who try to ban my site from google ads by clicking so many times?

If a negative number is entered into the reading variable it should be displayed as a zero. This works with the first calculations such as average but right at they very end the the alert wont display the highest average it just displays the one which has a negative number typed in to it.
Code:

 var region=0
 var reading=0
 var average=0
 var count=0
 var readingSum=0
 var catergory=0
 var dry=0
 var normal=0
 var wet=0
 var countWet=0
 var countNormal=0
 var countDry=0
 var totalLoop=0
 var numLocations=0
 var maxAverage=0
 var maxRegion=0
 var maxReadings=0
 var totalReadings=0

     // ** Find out how many locations ** //
     
     numLocations=eval(prompt("How many locations are you taking readings for?"));

     // ** Loop for multiple entries ** //
     
      for(totalLoop=1; totalLoop<=numLocations; totalLoop=totalLoop+1)
      {
      
      // ** Reset total for loop ** //
      
       readingSum=0

     // ** Get Region ** //
     
     region = prompt("Enter region please");
     
     // ** Get Readings ** //
     
     totalReadings = eval(prompt("Enter readings please"));
    
     // ** Get readings and Prevent negative number ** //
     if(totalReadings<=0)
     {
     alert("Please enter valid reading")
     }
     else
     {
     alert("You entered " + totalReadings);
     }
     
     // ** Ask for indivdual readings ** //
     
      for(count=1; count<=totalReadings; count=count+1)
      {
       
       reading=eval(prompt("Enter reading please"));
       
       // ** Prevent negative number ** //
        if(reading<0)
     {
     reading=0
     alert("Please enter valid reading")
     }
        // ** Work out Total of readings ** //
       
      readingSum= readingSum + reading
      }
      
    // ** Work out average ** //  
    average= readingSum/totalReadings
 
    // ** Put average into a category and display everything ** //
     if(average<5)
     {
     catergory="dry"
     countDry=countDry+1
     }
     else if(average>=5 && average<20)
     {
    catergory="normal"
    countNormal= countNormal+1
     }
     else if(average>20)
     {
     catergory="wet"
     countWet=countWet+1
     }
     
     
    alert("Location is " + region + "\nNumber of weakly readings taken is " + totalReadings + "\nTotal of readings is " + readingSum + "\nAverage is " + average + "\nLocation is " +  catergory);
     
     // ** Find Highest average ** //
     
     if((average>maxAverage) || (totalReadings>maxReadings))
     {
     maxAverage=average
     maxRegion=region
     }
     }
     
     // ** Final Report ** //
     
     alert("Number of locations is " + numLocations + "\nDry is " + countDry + "\nNormal is " + countNormal + "\nWet is " + countWet + "\nLocation with highest average reading is " + maxRegion + "\nHighest average is " + maxAverage);

Do i need a while loop? i am only allowed to use while, for and if statements

Hey guys, I have a colour picker on my site, see it at http://www.ludatha.com
Now I want to change the colour of the links on the page, don't worry I know how to do all this.

It's just if someone chooses full black (#000000) the theme looks awesome, but the links on the dark background are invisible.

Similarly if someone chooses full white (#ffffff) then you can't see the text on the white background.

So I want to know if you geniuses can make it so when a variable containing a hex, like #000000 is set as the main colour, then the link colour is changed to #666666 so you can still see it, but I want it to work with colours, so if you had #360000 (dark red) then the link colour would be something like #a10000.

I know this is possible, somehow...

I hope I have explained it well enough for you to understand, here is my code to change the background:

Code:

onChange: function (hsb, hex, rgb) {
				$('.colour-picker-colour').css('backgroundColor', '#' + hex);
				$('.background').css('backgroundColor', '#' + hex);
				
				$('.colour').css('backgroundColor', '#' + hex);
				$('.colour-text').css('color', '#' + hex);
				$('a .colour-text').css('color', '#' + hex);
				$('.colour-text-hover:hover').css('color', '#' + hex);
				$('.tabs a:hover').css('color', '#' + hex);
				$('.seperator').css('backgroundColor', '#' + hex);
				
				
				$.cookie('ludatha_colour', hex, { expires: 365 });
			}

P.S. My site may not look right for a few hours as the images and CSS is updating.

Not sure how to describe this. I've been tasked with the responsibility of creating a web form. That's not the problem and I can do that.

The trick is, each field needs to be incased in it's own box that flies in from the left. So, the first box that flies in from the left would be email address, when you click enter, it flies off to the right and the next box flies in from the left asking for the persons name.

Is it possible to do this and where might I go to learn more about doing this type of coding.

Hi,

I've devised a javascript to guess what a user is typing in. That all works, but I'm stuck on how to take that value the user has submitted and put it back into the form.

At the moment my form is:


<form method="post" action="/bin/openathenssp_isapi.dll?type=ukfed&amp;dir=req&amp;requestURL=index.php" onsubmit="send_sso('login_form', 'loading', '<?=SITE_URL?>'); return false;">
<input type='text' name='uni_name' id='uni_name' value='' autocomplete="off">
<input type="hidden" name="entityID" id="entityID" />
//Where the name is guessed <script>actb(document.getElementById("uni_name"),customarray);</script>
<input type='submit' name='submit' value='submit'>
</form>


So basically I'm trying to put uni_name into the entityID. Here's my javascript:

function send_sso(ajax_div, loading_div, site_url) {
replace_this_div = ajax_div;
replace_loading_div = loading_div;
var entityID = document.getElementById("entityID").value;

if (uni_name == "Bournemouth University"){
document.getElementById('entityID').value = "https://idp.bournemouth.ac.uk/shibboleth";

...MORE INSTITUTIONS GO HERE...

} else {
alert("Sorry, the institution '" +uni_name+ "' was not recognised or does not have access to this service.");

}

}

But this does not seem to be working - any ideas?

Hey guys, have a bit of an issue/question...

Not sure what I am doing wrong...i do not know javascript at all lol

I have a URL stucture which needs to be changed according to the input fields
https://sls.example.com/Spc/viewUserProfile.do?source=search&UserId=J-DOE123&vgroupName1=Dealer-jcode-USA-P4038P0122&adminflag=Y
This part stays the same at all times
https://sls.example.com/Spc/viewUserProfile.do?source=search&UserId=


after the "=" sign, I want it to input text from a input box "J-JOE123", so if I put J-DOE123 in the first input box and run the search, I want it to pull up
https://sls.example.com/Spc/viewUserProfile.do?source=search&UserId= J-DOE123


after the "J-DOE123", the next part "&vgroupName1=Dealer-" remains the same at all times
https://sls.example.com/Spc/viewUserProfile.do?source=search&UserId=J-DOE123 &vgroupName1=Dealer-

the next input box would have a drop down with 2 selections (jcode and lcode) so depending on which one is chosen, that is how it would populate the URL
https://sls.example.com/Spc/viewUserProfile.do?source=search&UserId=J-DOE123&vgroupName1=Dealer- jcode


next, i would need for it to put a "-" after the chosen jcode or lcode in the URL, which will also be there at all times
https://sls.example.com/Spc/viewUserProfile.do?source=search&UserId=J-DOE123&vgroupName1=Dealer-jcode -


the next input box would have a drop down with 2 selections (USA or CAN) so depending on which one is chosen, that is how it would populate the URL
https://sls.example.com/Spc/viewUserProfile.do?source=search&UserId=J-DOE123&vgroupName1=Dealer-jcode- USA


next, i would need for it to put a "-" after the chosen jcode or lcode in the URL, which will also be there at all times
https://sls.example.com/Spc/viewUserProfile.do?source=search&UserId=J-DOE123&vgroupName1=Dealer-jcode-USA -


next, i will have a drop down box containing several hundred codes such as "P0122" and many more. for this, I would need for the display value to be "P0122" but when the URL gets populated, it would have to be "P4038P0122"
https://sls.example.com/Spc/viewUserProfile.do?source=search&UserId=J-DOE123&vgroupName1=Dealer-jcode-USA- P4038P0122
The reason why the entire code must change is because P0122 would be P4038P0122, but if it is P0165, it would be N1534P0165, so each code would have its own first part and second part, but in the drop down box, i want it to only display the 2nd part P0122/P0165/etc.. because that is what I go by, but the system only reads full codes. I do have a spreadsheet with the entire list of FULL codes and can do an extract from each cell in order to get the SHORT code.


and finally, the URL would have to end with "&adminflag=Y" and will remain the same at all times.
https://sls.example.com/Spc/viewUserProfile.do?source=search&UserId=J-DOE123&vgroupName1=Dealer-jcode-USA-P4038P0122 &adminflag=Y
So, all together I would have 4 input fields in the form. UserID, jcode/lcode, USA/CAN, and Code.

Please help who ever can. If you need more info, please let me know and I shall try my best to explain further.

Thanks in advance guys

Hello All,

How can I prevent a browser from letting an image drag.

I've tried this snippet:
Code:

document.onmousemove = function() {return false};

Thanks in advance!

this is my javascript used to validate form.having problem when one selection is made and submit button is clicked.the checked button becomes unchecked.
i've to check all the radio button in order to proceed with submission.
here is the code...anyone pls help how to solve this..tq

<script type = "text/javascript">

function validate_form ( )
{
valid = true;

if ( ( document.myform.gender[0].checked == false ) && ( document.myform.gender[1].checked == false ) )
{
alert ( "Please choose your Gender: Male or Female" );
gender.focus();
valid = false;
}

if ( ( document.myform.nationality[0].checked == false ) && ( document.myform.nationality[1].checked == false ) )
{
alert ( "Please choose your Nationality" );
nationality.focus();
valid = false;
}


if ( document.myform.age.selectedIndex == 0 )
{
alert ( "Please select your Age." );
age.focus();
valid = false;
}
return valid;
}




</script>

Using .htaccess i have a password protected folder online containing 7 files with one single user/pass combination.
User is not allowed to see that 7 files are available.
User enters 1 of 7 "Access Keys" in a simple HTML Form text input which is then processed (script?)
User is then redirected automatically to the related file (for download) e.g.
Access Key #1 redirects user to Protected File #1
Access Key #4 redirects user to Protected File #4
etc.

What's the best way to implement this? Perl/CGI? PHP? Javascript?

Hi,
I have a registration form with the following input field:
textbox -name
textbox -surname
textbox -phone
listbox - country
listbox - state

Am populating my country & state listbox from my database, state depends on the country.
However when i select my country&state the page refreshes & all my other values i.e name, surname, phone & others disappears i have to retype all again, any suggestion?
thanks