|
JavaScript - 'return' Statement Outside Of Function
I'm looking for some assistance. I'm trying to write a javascript to validate a form for a class. When I try to submit the form with none of the fields filled in , it goes to the intercept page without showing any errors. In addition to this, I have an error message. Return is outside of function. I have NO clue what they mean here, or what I've done wrong. Could someone take a look and give me an opinion?
Enclosed is the entire javascript and the top portion of the related form. <!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> <script type="text/javascript"> <!-- Hides script from older browsers --> "function validate()" { if(document.form2.size.value=="Please Choose") { alert("Did you forget to select a size?"); return false; } if(document.form2.quantity.value=="Please Choose") { alert("How many did you want??"); return false; } if(document.form2.email.value=="") { alert("Please enter your Email Address.."); return false; } if(document.form2.verify.value=="") { alert("Could you enter it again please.."); return false; } if(document.form2.verify.value!=document.form2.email.value) { alert("The Email Addresses do not match"); return false; } if(document.form2.email.value.match((/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/)) { alert("Email address was not valid please RETRY"); return false; } else return true; } //--> </script> <form id="form2" name="form2" method="post" onSubmit="return validate(this)" action="2intercept.asp"> <table width="150" border="0" cellpadding="0"> <tr> <td><div align="right"> <label for="size">Size Desired:</label> </div></td> <td><div align="left"> <select name="size" id="size"> <option selected="selected">Please Choose</option> <option value="4x6">4x6</option> <option value="5x7">5x7</option> <option value="8x10">8x10</option> </select> </div></td> </tr> <tr> <td><div align="right"></div> <label for="quantity">Quantity Desired</label></td> <td><div align="left"> <select name="quantity" id="quantity"> <option>Please Choose</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5+">5+</option> </select> </div></td> ANY advice, corrections or suggestions would be GREATLY appreciated.. I'm at my wits end with this stuff. Similar TutorialsHello everyone, I am using javascript and I have a radio button that the user selects and I have a function to see which button was selected, but i'm trying to use the return of that if statement in another statement. Basically another part of the function is dependent on what the user selects in the radio button. Here is what I have so far (I have some things in there that might not work because i'm trying to figure out what works): Code: <script type="text/javascript">
function getSelectedRadio() {
len = document.dates.dep.length
// returns the array number of the selected radio button or -1 if no button is selected
if (document.dates.dep[0]) { // if the button group is an array (one button is not an array)
for (var i=0; i<len; i++) {
if (document.dates.dep[i].checked) {
return i
}
}
} else {
if (document.dates.dep.checked) { return 0; } // if the one button is checked, return zero
}
// if we get to this point, no radio button is selected
return -1;
}
function Calculate() {
var i = getSelectedRadio();
if (i == -1) {
alert("Please select if Marine entered Delayed Entry Program");
} else {
if (document.dates.dep[i]) {
return document.dates.dep[i].value; }
else {
return document.dates.dep.value; }
}
if (document.dates.yearDEAF.value < 1985 && document.dates.monthDEAF.value < 01 &&
document.dates.dayDEAF.value < 01 && first return from above ) {
document.dates.yearDEP.value = (document.dates.yearDEAF.value);
document.dates.monthDEP.value = (document.dates.monthDEAF.value);
document.dates.dayDEP.value = (document.dates.dayDEAF.value);
document.dates.yearPEBD.value = (document.dates.yearDEAF.value);
document.dates.monthPEBD.value = (document.dates.monthDEAF.value);
document.dates.dayPEBD.value = (document.dates.dayDEAF.value);
}
else if (document.dates.yearDEAF.value < 1985 && document.dates.monthDEAF.value < 01 &&
document.dates.dayDEAF.value < 01 && second return from above ) {
document.dates.yearPEBD.value = (document.dates.yearAFADBD.value);
document.dates.monthPEBD.value = (document.dates.monthAFADBD.value);
document.dates.dayPEBD.value = (document.dates.dayAFADBD.value);
document.dates.yearDEP.value = "N/A";
document.dates.monthDEP.value = "N/A";
document.dates.dayDEP.value = "N/A";
}
}
</script>
I color coded in red the returns i'm trying to reference and where they need to be. Is this possible, and if so how can I do it? I haven't been able to find anything on the internet so far. Any help is greatly appreciated! I'm trying to "progressively enhance" one of my surveys using javascript. Basically, I have rating scales that make use of radio buttons as each point on the scale. Each radio button occupies its own cell in a table. I wrote some functions that will highlight cells on mouseover in a color corresponding to its position on the scale (e.g. the lowest point is red, the midpoint is yellow, the highest point is green). When a radio button is clicked, the background of the button's cell and preceding cells in the same row will be colored accordingly. The functions are working well in FireFox and Chrome (I just have to add a few lines using the addEvent function to make it compatible with IE). The effect looks a lot nicer when I add a function that makes the visibility of the radio buttons hidden. However, I want to make sure that there is a fallback option in case the functions that color the cells don't work for whatever reason. I would not want the radio buttons hidden in this case. Is there a method whereby I can call the "hideRadiobuttons" function only if the other functions are successfully executed? 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 Please help, I have been looking at this all day and I know there must be a simple fix! How do I pass results back to textService so that I can make a call such as textResult = textService(text to pass in); I don't want to use a global variable if I can avoid it. This is the code Code: function textService(text){
req.open("GET", "http://....?text="+text, true);
req.onload = showResults;
req.send(null);
}
function showResults() {
results = req.responseXML.getElementsByTagName("Result");
}
Thank you in advance My function the_magnitude() takes in values from 4 different asp:textboxes. The textboxes "easting" and "northing" contain numbers that don't change, but the textboxes "east" and "north" contain numbers inputed by the user, and the function returns "error" as a value to be put into another textbox that we'll call "error box". So what it's suppose to do is when I update the information in either "east" or"north" it will update, on change, the number in the "error box". It kinda works. My problem is that if the number is a value that changes the style to red, #ff0000, in the function it wont update the "error box" and it just leaves a red zero that is a default number in the box. The only way I can get the number to change is if I end up with a number less than 200, which would make the text green. I'm pretty sure it's a problem with my javascript. here is my function Code: <script type="text/javascript">
function the_magnitude(easting, east, northing, north, error) {
var a = easting.value;
var b = east.value;
var c = northing.value;
var d = north.value;
var total = Math.sqrt(((a - b) * (a - b)) + ((c - d) * (c - d)));
if (total > 200) {
document.getElementById('TextBox155').style.color = "#ff0000";
document.getElementById('TextBox155').style.fontWeight = "bold";
}
else {
document.getElementById('TextBox155').style.color = "#008000";
document.getElementById('TextBox155').style.fontWeight = "bold";
error.value = roundNumber(total);
}
}
</script>
and here are the two buttons that I input numbers into for east and north Code: <html>
<body>
<asp:TextBox ID="TextBox153" runat="server" Height="0.25in" Style="font-family: Arial, Helvetica, sans-serif;
font-size: small; text-align: center" Width="0.75in" onchange="the_magnitude(document.getElementById('TextBox153'), document.getElementById('TextBox212'), document.getElementById('TextBox154'), document.getElementById('TextBox213'), document.getElementById('TextBox155'))" ></asp:TextBox>
</body>
</html>
Code: <html>
<body>
<asp:TextBox ID="TextBox153" runat="server" Height="0.25in" Style="font-family: Arial, Helvetica, sans-serif;
font-size: small; text-align: center" Width="0.75in" onchange="the_magnitude(document.getElementById('TextBox153'), document.getElementById('TextBox212'), document.getElementById('TextBox154'), document.getElementById('TextBox213'), document.getElementById('TextBox155'))" ></asp:TextBox>
</body>
</html>
and here is the textbox that I want the return of the function to go into. Code: <html>
<body>
<asp:TextBox ID="TextBox155" runat="server" Height="0.25in" Style="font-family: Arial, Helvetica, sans-serif;
font-size: small; text-align: center" Width="0.5in">0</asp:TextBox>
</body>
</html>
Yesterday I started looking into clientside database handling with html5 and localstorage. I've been trying for hours to make a function like the one below, but I can't figure out how to return the name variable. Any ideas? Code: function hent_kontakt_navn(var1, var2) {
var db = MYDB;
db.transaction(function (tx) {
tx.executeSql('SELECT * FROM db_kontakter WHERE field1=\'' + var1 + '\' AND field2=\'' + var2 + '\' LIMIT 1', [], function (tx, results) {
var len = results.rows.length, i;
for (i = 0; i < len; i++){
var fornavn = results.rows.item(i).fornavn;
var etternavn = results.rows.item(i).etternavn;
var navn = fornavn + ' ' + etternavn;
alert(navn); //This works and alerts the correct value
}
}, null);
});
return navn; //But this one returns undefined. I know variables don't pass like this between functions, but how can I make it work so that the function returns this var?
}
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(); } Ok, guys. I'm new to JavaScript, so go easy. I'll be asking bunches of "dumb" questions for a while. 1st question, and the only one for now ... Say I have the following function: Code: function SwapValues(SwapVal1,SwapVal2)
{
TempSwapVal=SwapVal1;
SwapVal1=SwapVal2;
SwapVal2=TempSwapVal;
}
I don't care about the return value of the function itself, but I do need the new values of SwapVal1 and SwapVal2. In ASP when I do this, the values get returned. How do I get this to work in JS? Good morning Guru's and Experts, I really need your help with this one. It seems that the function this_week('end') is returning a bad date of 12/33/2014 (mm/dd/yyyy) where it should properly read: 01/02/2015 Code: function this_week(x) {
var today, todayNumber, fridayNumber, sundayNumber, monday, friday;
today = new Date();
todayNumber = today.getDay();
mondayNumber = 1 - todayNumber;
fridayNumber = 5 - todayNumber;
if (x === 'start') {
//var start_dd = today.getDate() + mondayNumber
var start_dd = today.getDate()
var start_mm = today.getMonth() + 1
var start_yyyy = today.getFullYear()
return start_mm + '/' + start_dd + '/' + start_yyyy
}
if (x === 'end') {
var end_dd = today.getDate() + fridayNumber
var end_mm = today.getMonth() + 1
var end_yyyy = today.getFullYear()
return end_mm + '/' + end_dd + '/' + end_yyyy
}
}
Reply With Quote 12-29-2014, 07:43 PM #2 Philip M View Profile View Forum Posts Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts I understand that you are trying to get the date next Friday. Try this script:- Code: <span id = "info"></span>
<script type = "text/javascript">
var curr = new Date(); // get current date
var first = curr.getUTCDate() - curr.getUTCDay(); // First day is the day of the month - the day of the week
var last = first + 5; // last day is the first day + 5 = Friday
var lastday = new Date(curr.setDate(last));
var yy = lastday.getUTCFullYear();
var mth = lastday.getUTCMonth()+1;
if (mth<10) {mth = "0" + mth}
var dy = lastday.getUTCDate();
if (dy<10) {dy = "0" + dy}
// now manipulate the display of year,month,date as desired
var result = mth + "/" + dy + "/" + yy;
document.getElementById("info").innerHTML = "Week Ending Friday " + result;
</script>
Lottery: A tax on people who are bad at math. Hi All, I have a button in my html form that will process some functions when user clicks on the button. The problem is after processing the functions, the result is not displayed in the form where I want it to be displayed. I want to ask whether we can create table in the function and display the result in the table row/column but in the same form. Is this possible to be done? And how to do this? In this form cpiM, the input button will call function showIndex. Code: <tr> <td><input type="button" value="Enter" onclick="showIndex(document.cpiM.currFrom.options.selectedIndex, document.cpiM.currTo.options.selectedIndex, document.cpiM.base.options.selectedIndex, document.cpiM.country.options.selectedIndex)"> </td> <td><input type="button" onclick="frmResetM()" value="Reset form" /> </td> </tr> In this function, I want to display the result of calcIndex right below the button Enter in the form cpiM. Code: function showIndex(frm, to, base, country)
{
for (i=frm; i<=to; i++)
{
document.write(calcIndex(i, base, country));
document.write("<br/>");
}
}
Hi All, This is in ASP.Net Im creating a task loggin system and this allows the user to raise tasks and update them, im using javascript for validation and if the fields are empty it then changes the fields back ground to Red which is fine but then it goes on to update the data in SQL which i dont want, any suggestions or how i can achieve no post back is the result from the function is False (for fields in error) Html Code where im calling the function Code: <asp:button runat="server" id="btnChangeCommentsAuth" CSSclass="RaiseButton" OnClientClick="CommentsCheck('MainDisplayContentChange_txtAuthCommentsArea');" PostBackUrl="~/RaiseTaskChange.aspx" Text="Auth" />
Javascript function Code: function CommentsCheck(comments)
{
var com;
var result = new boolean();
com = document.getElementById(comments);
if (document.getElementById(comments).value == '') {
com.style.backgroundColor = "#B20635";
result = 0;
}
else
{
result = 1
}
}
Thanks in Advance look forward to your reply. hello, only just starting using javascript, so question may not make sense but il try anyway. if i group some javascript into a function that returns false; how could i carry that 'false' out of the function so it can be used outside the function. the example below shows the validate function checks for a condition then returns false if it is met. i want this false to then be passed out of the function to then throw an error in its containing function. (goal to prevent the submitting of a form) if (checBox =="1"){ validate(); } function proceed(); function validate() { if (chilD1.value >70) { alert("Please enter your Childs correct Age"); return false; chilD1.focus(); } } i dont want the proceed function to be called, so how can the other function prevent this. Now i realise that the validate function could be incorporated into the top level function but, my form will eventually be quite large with a multiplitude of fields so i need to know how i can call back to functions and use them as objects insteasd of repeating lots of code. Hope you can help thanks. Hey guys, so I'm trying to make a single function that will check to make sure the e-mails in both fields match AND to make sure the e-mail is in proper format. Strangely, with both if statements included the form will return no messages at all. If I comment out the if statement checking for proper format, the if statement to check for matching e-mail works just fine. I want this all to be in one function because I'm wanting it to be executed onSubmit with the form. Let me know what you guys think, any help is greatly appreciated: Code: <html>
<head>
<script type="text/javascript">
function verifyEmail()
{
var x = document.forms["emailForm"]["enterEmail"].value;
var y = document.forms["emailForm"]["confirmation"].value;
var atpos = x.indexOf("@");
var dotpos = x.lastIndexOf(".");
if (x != y) {
var msg = "The email addresses entered do not match, please enter matching email addresses";
document.getElementById("error").innerHTML = msg;
return false;
}
if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 > = x.length) {
var msg = "Improper e-mail format";
document.getElementById("error").innerHTML = msg;
return false;
}
else {
return;
}
}
</script>
</head>
<body>
<form name="emailForm" onsubmit="return verifyEmail();" method="post">
E-Mail Address: <input type="text" name="enterEmail">
Confirm E-Mail Address: <input type="text" name="confirmation">
<input type="submit" value="Submit"> <span id="error"></span>
</form>
</body>
</html>
Basically I want to have a different background image for every time of the day. The function by itself works okay with onclick or onload placed in body. Code: function changesky()
{
document.getElementById("sky").style.background="url(back_morning.jpg) repeat-x";
}
What I want to do is have my background change in addition to a message. So instead of just "Good Morning" text I also want the background to change. Code: if (time>=4 && time<12)
{
document.write ("<p>Good Morning!</p>");
document.getElementById("sky").style.background="url(back_morning.jpg) repeat-x";
}
Tried this, but it didn't work so what's the format for calling a function inside of an if statement? Or what other method should I use to do this? I don't understand the logic of Break, Return False, Return True. It was never really covered in our college class, and I see everyone using it. I got an A in the class, if that 'proves' that I really tried to apply myself. NOTE: I understand what the function is doing. I just don't understand WHEN to use break, return false or return true if the the translator can determine the conditional statements. PHP Code: function submitForm(){ var ageSelected = false; for (var i=0; i<5; ++1){ if (document.forms[0].ageGroup[i].checked == true) { ageSelected = true; break; } } if (ageSelected == false){ window.alert("You must select your age group"); return false; } else return false; } if the the translator can determine the conditional statements, why not write it like this: PHP Code: function submitForm(){ var ageSelected = false; for (var i=0; i<5; ++1){ if (document.forms[0].ageGroup[i].checked == true) { ageSelected = true; break; // what's the point for the 'break'? Won't the rest of the code be ignored since it passed the first condition? } } if (ageSelected == false){ window.alert("You must select your age group"); return false; } // why not leave the last else out? is it just a 'safety' catch, in case something other than true or false is inputted? else return false; // what's the point? } Questions: Why use return true, if the translator knows it's ture? Why use "return false" if the translator knows it's false and the alert window has already gone up? why not use "break" to stop the code? Why use the "return false" at the end "else" statement? Hi room, Hey, I opened up the source code for this page in google chrome and since i'm learning javascript, i wanted see if i could "read" it and figure out what was going on. I'm am having the hardest time understanding "return false" and "return true". Could someone step me through this via interpreting this code (in bold typeface): Code: var DefaultValue = 'Search';
function clearSearch() {
if (document.searchForm.q.value == DefaultValue) {
document.searchForm.q.value = '';
}
}
function validateSearchHeader() {
if ( document.searchForm.q.value == '' || document.searchForm.q.value.toLocaleLowerCase() == DefaultValue.toLocaleLowerCase() ) {
alert('Please enter at least one keyword in the Search box.');
document.searchForm.q.focus();
return false;
}
return true;
}
Thanks! I know that, when in a loop, you can use the following to exit the loop: Code: break; Is there an equivalent for functions? It would be convenient for error messages, and stopping the rest of the code from executing when there is an error. I just have if statements for each error, and the rest of the code is contained in the else statement. For example: Code: if(document.fn.input.value < 0){
alert("The input cannot be smaller than 0")
}else{
//rest of code
}
It would be better to do this: Code: if(document.fn.input.value < 0){
alert("The input cannot be smaller than 0")
break;
}
//rest of code
Is there any way to end a function like this? |
|||||||