Prevent multiple clicks on link

Question

0.00/5 (No votes)

See more:

I have the following code that submits a rating to a php form, however I am able to click multiple times on the link to give lots of ratings from the same user, I want to disable clicks after the user has clicked once.

JavaScript

var clicked = false;

var ratingAction = {
	
		'a.rater' : function(element){
			element.onclick = function(){
			if (!clicked)
			{
				clicked = true;
			}
			else
			{
				alert('You can only rate once!');
				return false;
			}
			
			var parameterString = this.href.replace(/.*\?(.*)/, "$1"); // onclick="sndReq('j=1&q=2&t=127.0.0.1&c=5');
			var parameterTokens = parameterString.split("&"); // onclick="sndReq('j=1,q=2,t=127.0.0.1,c=5');
			var parameterList = new Array();

			for (j = 0; j < parameterTokens.length; j++) {
				var parameterName = parameterTokens[j].replace(/(.*)=.*/, "$1"); // j
				var parameterValue = parameterTokens[j].replace(/.*=(.*)/, "$1"); // 1
				parameterList[parameterName] = parameterValue;
			}
			var theratingID = parameterList['q'];
			var theVote = parameterList['j'];
			var theuserIP = parameterList['t'];
			var theunits = parameterList['c'];
			
			//for testing	alert('sndReq('+theVote+','+theratingID+','+theuserIP+','+theunits+')'); return false;
			sndReq(theVote,theratingID,theuserIP,theunits); return false;		
			}
			
        		
		
		
        
		
	};
Behaviour.register(ratingAction);

Here is how my link is written

PHP

$rater.='<li><a href="functions/db2.php?j='.$ncount.'&q='.$id.'&t='.$ip.'&c=5" title="'.$ncount.' out of '.$units.'" class="r'.$ncount.'-unit rater" rel="nofollow">'.$ncount.'</a></li>';

I have a check in php that reads from the database to see if the user has made a rating already but this check only works if a user clicks, waits for the page to process and then tries to click again. Multiple clicks in a quick succession will submit multiple entries.

Posted 7-Jan-12 15:25pm

bigideaguy

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Answer 1 · 2012-01-07T16:34:00

Think about it: what's a click? :-)

Of course you cannot prevent the user to click on anything anytime, you can only process clicks on different ways depending on is it the first click or not. Isn't this obvious? I can give you just a simple idea on how to do it:

XML

<html>
<body>

<script type="text/javascript"><!--
var clicked = false;
function processClick() {
    if (clicked) return;
    clicked = true;
    alert("You can click many times, but this line will be executed only once");
}
--></script>

<p onclick="processClick();">Click here</p>

</body>
</html>

Simple, isn't it?

Of course, if the user reload the page, she or he can vote again. If you use session support, the user can close the session, open a new one ans still vote again. You can prevent it only if you have user authentication on server side, in PHP code. You would need a user account; the user will need to submit an authentication through a Web form to get a right to vote. If you want to do that, you will be able to allow only one vote per rating object per user account.

This is a separate topic. If you want that, there is plenty of manuals and PHP source code to deal with user account and authentication.

—SA