|
JavaScript - Javascript Form Check
Okay this is part of an ajax driven shopping cart. the problem is i need to check for 2 different selections that would be for the same payment method. here is the code as it sits now
Code: if ( typeof document.checkout.payment[3] != 'undefined'){
if (document.checkout.payment[3].checked == true)
{
if (document.checkout.cc_owner.value == "" )
{errMsg += 'Please complete or verify the information in the Name on the card field in the \'Payment Method\' section.' + "\n";
}
else
{
if(document.checkout.cc_number.value == "")
{
errMsg += 'Please complete or verify the information in the Card Number field in the \'Payment Method\' section.' + "\n";
}
else
{
if(document.checkout.cc_cvv2.value == "")
{
errMsg += 'Please complete or verify the information in the CVC/CVV code field in the \'Payment Method\' section.' + "\n";
}
else
{
if(document.checkout.cc_phone.value == "")
{
errMsg += 'Please complete or verify the information in the Card company\'s telephone number field in the \'Payment Method\' section.' + "\n";
}
else
{
myCardNo = document.checkout.cc_number.value;
myCardType = document.checkout.surcharge.value;
if (!checkCreditCard (myCardNo,myCardType))
{
errMsg += 'Please complete or verify the information in the Card Number field in the \'Payment Method\' section.' + "\n";
}
}
}
}
}
}}
}
the problem is in the first 2 lines i basically need it to do this, but when i do it like how i need it to be it will not work. it looks like i am doing it incorrectly maybe. firebug gives me an undefined error on the first checked value because it does not exist when i need it to check for the 2 value. Code: if ( typeof document.checkout.payment[3] != 'undefined' || typeof document.checkout.payment[2] != 'undefined'){
if (document.checkout.payment[3].checked == true || document.checkout.payment[2].checked == true)
{
if (document.checkout.cc_owner.value == "" )
{errMsg += 'Please complete or verify the information in the Name on the card field in the \'Payment Method\' section.' + "\n";
}
else
{
if(document.checkout.cc_number.value == "")
{
errMsg += 'Please complete or verify the information in the Card Number field in the \'Payment Method\' section.' + "\n";
}
else
{
if(document.checkout.cc_cvv2.value == "")
{
errMsg += 'Please complete or verify the information in the CVC/CVV code field in the \'Payment Method\' section.' + "\n";
}
else
{
if(document.checkout.cc_phone.value == "")
{
errMsg += 'Please complete or verify the information in the Card company\'s telephone number field in the \'Payment Method\' section.' + "\n";
}
else
{
myCardNo = document.checkout.cc_number.value;
myCardType = document.checkout.surcharge.value;
if (!checkCreditCard (myCardNo,myCardType))
{
errMsg += 'Please complete or verify the information in the Card Number field in the \'Payment Method\' section.' + "\n";
}
}
}
}
}
}}
}
Similar TutorialsI am just starting out using Javascript and created a simple knowledge check to give a learner feedback on a question. It will allow the learner to quickly check if they have mastered a topic. The problem that I am having is that if I put two of these knowledge checks on the same webpage than it just posts the same answer when the submit button is clicked. What I have been doing is just pasting the code below twice on the page and changing the question and answer out. When I click "Check Answer" it is the same answer for both questions. Here is my code: Code: <fieldset>
<legend><strong>Question 1</strong></legend>
<SCRIPT LANGUAGE="JavaScript">
function readText (form) {
TestVar =form.inputbox.value;
alert ("You typed: " + TestVar);
}
function writeText (form) {
form.inputbox.value = "The wavelength of the blue light scatters better than the rest, predominates over the other colors in the light spectrum, and makes the sky appear blue to us."
}
</SCRIPT>
<form name="myform" action="" method="GET">
<label for="question">Why is the Sky Blue?</label><br><br>
<input name="inputbox" value="" type="text" style="width: 287px; height: 112px">
<p>
<input id="question" value="Check Answer" onclick="writeText(this.form)" type="button">
</p>
</form>
</fieldset>
Any help would be much appreciated in terms of direction. Thank you. Hello, I have the following DIV tag Code: <div id = "cbContainer"> </div> The div is initially hidden as the display is set to none. I have one text input in my form. Depending upon the changed text in that textbox, there is a javascript function which creates a list of checkboxes and by using the innerHTML, the above div is filled up with the check boxes like shown in the code below: Code: var chkboxes = '';
for(var r = 0; r < related.length; r++)
{
chkboxes = chkboxes +
'<div class ="versionswidth">'+
'<input type="checkbox" name="version" value = related[r] />'+ related[r] +
'</div>';
}
var div = document.getElementById("cbContainer");
div.innerHTML = chkboxes;
div display is then set as "block" which makes the div visible. The problem is that on form submission, the input of selected checkboxes is not submitting. I will be grateful for any help. Thank you. I have NO knowledge of Javascript at all but borrowed and attempted to adapt one I found. It is a Firefox bookmarklet designed to highlight in different colours both certain words or the ending "ing" on a word in a text document that has been saved as html. Basically it is a device for helping novel writers rid their manuscripts of redundant words and overuse of the 'ing" words. In works in part but doesn't pick up all "ing" endings. For someone who know what their doing I imagine it would take more than a few minutes to read and correct. Many thanks to anyone who can help. Here is the Javscript: javascript:var%20verbsRE=/(\b)(about|actually|almost|already|appear|approximately|basically|close to|even|eventually|exactly|finally|here|just|kind of|nearly|now|practically|really|seem|simply|somehow|somewhat|sort of|suddenly|then|there|truly|utterly|while|as|appear|felt|gaped|gawked|gazed|glanced|hear|heard|knew |looked|noticed|observed|peered|peeped|regarded|saw|scanned|see|seeing|seemed|smelled|stared|studied |surveyed|tasted|viewed|watched)(\b)/gi;var%20ingRE=/(\w)(ing)(\b)/gim;function%20HL(node){if(node.hasChildNodes){var%20hi_cn;for(hi_cn=0;hi_cn<node.childNodes.length; hi_cn++){HL(node.childNodes[hi_cn]);}}if(node.nodeType==3){var%20tempNodeVal=node.nodeValue;if(verbsRE.test(tempNodeVal)){tempNodeVal= tempNodeVal.replace(verbsRE,"$1<span%20style='background-color:yellow;color:black;border:1px%20solid%20black;'>$2</span>$3");tempNodeVal=tempNodeVal.replace(ingRE,"$1<span%20style='background-color:#0ff;color:black;border:1px%20solid%20black;'>$2</span>$3");newNode=document.createElement('span');newNode.innerHTML=tempNodeVal;pn=node.parentNode;pn .replaceChild(newNode,node);}}}HL(window.document.getElementsByTagName('body')[0]); Hello, I have never used javascript before, so this might be a very basic question. I have a script on my blog which places a stumbleupon button on the page. This is the code that calls the script: Code: <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> Today I went to my blog and it was taking a long time to load, it turns out because stumbleupons site is down so the script can't be accessed. A whole lot of other stuff on the page just doesn't load until it times out though, so it takes like 3 minutes for the page to load. What I want to know is can I test if the script is reachable and only call it if it is, so that if there is a 403 or 404 error it just won't even try to load it and continue loading the rest of the page?? Any help is greatly apprectiated! Thanks. I got a page that gets created dynamically. sometimes I get images output with NO source like this Code: <img src="" id="md_1"> <img src="" id="md_2"> etc. etc. the image id are created dynamically also and always start with "0" and count up in order. I need to check everyone of those image links and when they are blank like above change the src to a default image. I have spent 8 hours on this one simple function and cannot seem to get it to work. I will call the function at the end of the page. can anyone help me with a javascript spellchecker ...... i have a text-area and i want a javascript code tht can check spellings when i write , like we see in gmail, or similar ... hi all, am doing a check on my fields, so that they only contain certain characters and numbers. i have this. var validEntry = /^[a-zA-Z0-9@$&"]+/; but this also captures a space in between words as an error. can somebody please tell me on how to avoid this. thanks. hi, can anyone help me with spell check code.. i want to implement spell check inside a text-area and i want an inline code, i cannot call .js files .. if anyone can give me a solution for this i'd be very grateful.. i did find a code but im not sure how to use it in my html page string check in javascript do suggest me something ....... if you have any two words like , "me" and "you". Can I do something like the below to see if a form exists in a document. Code: if(document.theForm){
alert('form exists');
} hey all - new to the forum, and need some quick help. i have a form with multiple data entry fields, one of which i need to be in a certain format. currently it will only check for total length (17 digits), which is part of it, but the format needs to be exactly: 0000-00000-000000 (where zeros are numbers) the best thing would be if when the user enters 15 digits, it would automatically format it with the dashes. any and all help is appreciated. please note: this is being used for a print solutions software that auto-generates most of the code, we cannot rewrite all of the code, only work with what we have. here is the code: Code: if (Form1.elements['EIF2']){ if(Form1.elements['EIF2'].disabled == false){
if (!CheckEntry('EIF2', 'Lawson # ', true, 17, 'exactly'))return false;
}
I have a list of checkboxes, "group1","group2",etc. That have values of comma separated strings. such as 1,2,3,4,5. when a group is checked, I want all "individual" checkboxes to check if their value is found in that group. Group1 value="1,2,3" Group2 value="4,5,6" Group3 value="7,8,9" itemarray[] value="1" itemarray[] value="2" itemarray[] value="3" itemarray[] value="4" itemarray[] value="5" itemarray[] value="6" itemarray[] value="7" itemarray[] value="8" Found a thread that partially addressed this issue, but not for the comma separated string. See http://www.codingforums.com/showthread.php?t=115705 I know php, but have a hard time with javascript....I appreciate the help Thanks in Advance!! Hello, I'd like to write some javascript code which will check to see if the contents of a textbox are equal to some value after the user leaves the textbox. they should get a message saying Correct or Incorrect . As an example: Code: <td>-2</td>
<td><input name="ans1" type="text" size="3" maxlength="3" /></td>
</tr> < The correct answer here would be 5 >
<tr>
<td>-1</td>
<td><input name="ans1" type="text" size="3" maxlength="3" /></td> < The correct answer here would be 4>
And, I don't wish to abuse the forum, but as I'm learning javascript and jquery, I'd like to see solutions to both (I learn by example), so I'm posting the same question in the jquery forum with a request for a jquery solution; I hope that this isn't bad form! Thank you..... Hey, I've tried w3schools, tizag, and google, but haven't found exactly what I need. I need some way of easily figuring out which option in a drop down menu is checked, through the use of javascript, like how you can use document.formname.elementname[i].checked to find out which checkbox/radio button is checked. Anything that would return something that allows me to figure out which option has been chosen. I will need to have a function with 3 if statements, one for each option.
I need to check the whether an external url like http://www.somesite.com exists or not using javascript. I have a ajax method for it, Code: function checkUrl(url) {
var xmlhttp=false;
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
try {
xmlhttp = new XMLHttpRequest();
} catch (e) {
xmlhttp=false;
}
}
if (!xmlhttp && window.createRequest) {
try {
xmlhttp = window.createRequest();
} catch (e) {
xmlhttp=false;
}
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4) {
if (xmlhttp.status==200) {
alert("URL Exists!");
}
else if (xmlhttp.status==404) {
alert("URL doesn't exist!");
}
else {
alert("Status is "+xmlhttp.status);
}
}
}
xmlhttp.open("HEAD", url ,true);
xmlhttp.send();
}
But is not successful for finding existence of external urls. Any help... Thanks in advance.. Hi all, I am new to CodingForums.com as well as new to javascript. I am currently trying to create a small calculator for a friend which is to do with calculating a dose. The calculator itself works but I am now fine tweaking the text that appears with the calculated values. This is my code: Code: <script type="text/javascript">
function calculate() {
var IBW = 1;
var IBW2 = 1;
var dose2 = 1;
var CrCl = 1;
var hgtft = document.getElementById("height_feet").value - 0;
var hgtinches = document.getElementById("height_inches").value - 0;
var weight = document.getElementById("weight").value - 0;
var sex = document.getElementById("sex").value;
var age = document.getElementById("age").value - 0;
var creatinine = document.getElementById("creatinine").value - 0;
if (age < 16) {
alert("This tool is only for use in adult patients i.e. 16 years or older");
return; //process no further
}
if (sex == "M") {
if (hgtft < 5) {
IBW = 50;
IBW2 = 50;
}
else {
IBW = 50 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
IBW2 = 50 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
}
if (IBW > weight) {
IBW = weight
}
CrCl = ((140 - age) * IBW * 1.23) / creatinine;
}
else {
if (hgtft < 5) {
IBW = 45;
IBW2 = 45;
}
else {
IBW = 45 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
IBW2 = 45 + (2.3 * ((hgtft - 5) * 12 + hgtinches));
}
if (IBW > weight) {
IBW = weight
}
CrCl = ((140 - age) * IBW * 1.04) / creatinine;
}
var dose = Math.round((5 * IBW) / 40.0) * 40.0
var IBW = Math.round(IBW, 1)
var IBW2 = Math.round(IBW2,1)
var CrCl = Math.round(CrCl, 0)
if (CrCl < 40) {
dose2 = "As GFR < 40mL/min Extended Interval Gentamicin is not indicated. Contact microbiology for an alternative agent";
}
else {
dose2 = dose "mg - Note: This dose has been calculated using a weight of " IBW "kg and rounded to the nearest 40mg to aid administration";
}
document.getElementById('IBW2').innerHTML = IBW2 + "kg";
document.getElementById('CrCl').innerHTML = CrCl + "mL/min";
document.getElementById('dose2').innerHTML = dose2;
}
</script>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<table>
<tr>
<td>Height</td><td class="style17"><input id='height_feet' value=""/> feet</td><td><input id='height_inches' value=""/> inches</td>
</tr>
<tr>
<td>Weight</td><td class="style17"><input id='weight' value=""/> kg</td>
</tr>
<tr>
<td>Age</td><td class="style17"><input id='age'value=""/> years</td>
</tr>
<tr>
<td>Creatinine</td><td class="style17"><input id='creatinine'/> mmol/L</td>
</tr>
<tr>
<td>Sex</td><td class="style1"><select id='sex'> <option value="M">Male</option><option value="F">Female</option></select></td>
</tr>
</table><br />
<input type="button" onclick="calculate()" value="Calculate!"/><input id="Reset"
type="reset" value="Reset" />
<br />
<br />
<br />
<br />
<table>
<tr><td class="style16">Ideal Body Weight: </td><td id='IBW2' /></td></tr>
<tr><td class="style16">Calculated GFR: </td><td id='CrCl' /></td></tr>
<tr><td class="style16">Calculated Gentamicin Dose: </td><td id='dose2' /></td></tr>
</table>
What I am trying to do is have the dose displayed as: xxdose mg - Note: This dose has been calculated using a weight of IBWkg and rounded to the nearest 40mg to aid administration but if the CrCl is less than 40 then the dose message should be: As GFR < 40mL/min Extended Interval Gentamicin is not indicated. Contact microbiology for an alternative agent can anyone help me with this please? I have the following page www.crownvalleywinery.com/kiosk/default.html and I would like to add a button or checkbox to check/uncheck all. Note we are already using some javascript for custom checkboxes so it needs to integrate with that. Any help is appreciated. Here is the current javascript... Code: /*
CUSTOM FORM ELEMENTS
Created by Ryan Fait
www.ryanfait.com
The only thing you need to change in this file is the following
variables: checkboxHeight, radioHeight and selectWidth.
Replace the first two numbers with the height of the checkbox and
radio button. The actual height of both the checkbox and radio
images should be 4 times the height of these two variables. The
selectWidth value should be the width of your select list image.
You may need to adjust your images a bit if there is a slight
vertical movement during the different stages of the button
activation.
Visit http://ryanfait.com/ for more information.
*/
var checkboxHeight = "47";
var radioHeight = "25";
var selectWidth = "190";
/* No need to change anything after this */
document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }</style>');
var Custom = {
init: function() {
var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
for(a = 0; a < inputs.length; a++) {
if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
span[a] = document.createElement("span");
span[a].className = inputs[a].type;
if(inputs[a].checked == true) {
if(inputs[a].type == "checkbox") {
position = "0 -" + (checkboxHeight*2) + "px";
span[a].style.backgroundPosition = position;
} else {
position = "0 -" + (radioHeight*2) + "px";
span[a].style.backgroundPosition = position;
}
}
inputs[a].parentNode.insertBefore(span[a], inputs[a]);
inputs[a].onchange = Custom.clear;
span[a].onmousedown = Custom.pushed;
span[a].onmouseup = Custom.check;
document.onmouseup = Custom.clear;
}
}
inputs = document.getElementsByTagName("select");
for(a = 0; a < inputs.length; a++) {
if(inputs[a].className == "styled") {
option = inputs[a].getElementsByTagName("option");
active = option[0].childNodes[0].nodeValue;
textnode = document.createTextNode(active);
for(b = 0; b < option.length; b++) {
if(option[b].selected == true) {
textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
}
}
span[a] = document.createElement("span");
span[a].className = "select";
span[a].id = "select" + inputs[a].name;
span[a].appendChild(textnode);
inputs[a].parentNode.insertBefore(span[a], inputs[a]);
inputs[a].onchange = Custom.choose;
}
}
},
pushed: function() {
element = this.nextSibling;
if(element.checked == true && element.type == "checkbox") {
this.style.backgroundPosition = "0 -" + checkboxHeight*3 + "px";
} else if(element.checked == true && element.type == "radio") {
this.style.backgroundPosition = "0 -" + radioHeight*3 + "px";
} else if(element.checked != true && element.type == "checkbox") {
this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
} else {
this.style.backgroundPosition = "0 -" + radioHeight + "px";
}
},
check: function() {
element = this.nextSibling;
if(element.checked == true && element.type == "checkbox") {
this.style.backgroundPosition = "0 0";
element.checked = false;
} else {
if(element.type == "checkbox") {
this.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
} else {
this.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
group = this.nextSibling.name;
inputs = document.getElementsByTagName("input");
for(a = 0; a < inputs.length; a++) {
if(inputs[a].name == group && inputs[a] != this.nextSibling) {
inputs[a].previousSibling.style.backgroundPosition = "0 0";
}
}
}
element.checked = true;
}
},
clear: function() {
inputs = document.getElementsByTagName("input");
for(var b = 0; b < inputs.length; b++) {
if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
} else if(inputs[b].type == "checkbox" && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 0";
} else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
} else if(inputs[b].type == "radio" && inputs[b].className == "styled") {
inputs[b].previousSibling.style.backgroundPosition = "0 0";
}
}
},
choose: function() {
option = this.getElementsByTagName("option");
for(d = 0; d < option.length; d++) {
if(option[d].selected == true) {
document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
}
}
}
}
window.onload = Custom.init;
Hi all, I am writing an administration panel for a web site. I want to check if the client's browser javascript enabled and if it is not enabled, a warning DIV comes telling the client to enable javascript and disable the actual page (make the actual page non-usable). Is there a way to do that? Thanks in advance telmessos |
|||||||