JavaScript - Javascript For Checking Each Field

Hi all.

This is a generic question as Google didn't help at all, does anyone know how to check if javascript is enabled and then I want to display info based on that.

I don't mind how I do it, HTML, PHP or whatever

Regards, Magnetica

I have a javascript that should convert any date into a number between 1 and 260. Based on the outcome of that calculation, a viewer is directed to a specific web page.

How can I verify the calculation? How can I see what number javascript is arriving at so I can backtrack to the error? It is not serving up the correct page.

I have compared the results to a calculator on another website that uses a different script to calculate the same result -- that's why I am saying the end results are not correct.

On the other website, scroll down to where you enter a date. It returns a name just above the date (example: July 25, 1970 returns Electric Star). The script I included above returns Yellow Sun. July 25, 1970 should = 68.

Code:

function calculate() {
    if(!isValidDate())
        return;

    var result = 0;
    var cuttingAge = 260;
    var yearBox = document.getElementById("year");
    var year = yearBox.value;
    var month = document.getElementById("month").value;
    var day = document.getElementById("day").value;

    //Rule # 1
    if(month==1 || month==2){
        var selectedYearIndex;
        for(var i=0; i<yearBox.options.length; i++){
            if(yearBox.options[i].selected){
                selectedYearIndex = i;
                break;
            }
        }
        year = yearBox.options[selectedYearIndex-1].value;
    }

    //Rule # 2
    var monthLength = new Array();
    monthLength[0]=0;
    monthLength[1]=31;
    monthLength[2]=29;
    monthLength[3]=31;
    monthLength[4]=30;
    monthLength[5]=31;
    monthLength[6]=30;
    monthLength[7]=31;
    monthLength[8]=31;
    monthLength[9]=30;
    monthLength[10]=31;
    monthLength[11]=30;
    monthLength[12]=31;
    monthLength[13]=31;
    monthLength[14]=29;

    var dayPassed = 0;
    var tempMonth = month;
    if(month<3) //If its january or february
        tempMonth = parseInt(tempMonth) +12; //Add previous year's days
    for(var i=3; i<tempMonth; i++){
        dayPassed += monthLength[i];
    }
    dayPassed += parseInt(day) -1;
    dayPassed = dayPassed%cuttingAge;

    //Rule # 3
    result = parseInt(year) + parseInt(dayPassed);

    //Rule # 4
    if(result > cuttingAge)
        result -= cuttingAge;

    //Rule # 5
    var pendant = new Array();
    var abc = new Array();
    pendant[0] = {
        name:"imix",
        values:new Array(1, 21, 41, 61, 81, 101, 121, 141, 161, 181, 201, 221, 241)
    };
    pendant[1] = {
        name:"ik",
        values:new Array(2, 22, 42, 62, 82, 102, 122, 142, 162, 182, 202, 222, 242)
    };
    pendant[2] = {
        name:"akbal",
        values:new Array(3, 23, 43, 63, 83, 103, 123, 143, 163, 183, 203, 223, 243)
    };
    pendant[3] = {
        name:"kan",
        values:new Array(4, 24, 44, 64, 84, 104, 124, 144, 164, 184, 204, 224, 244)
    };
    pendant[4] = {
        name:"chicchan",
        values:new Array(5, 25, 45, 65, 85, 105, 125, 145, 165, 185, 205, 225, 245)
    };
    pendant[5] = {
        name:"cimi",
        values:new Array(6, 26, 46, 66, 86, 106, 126, 146, 166, 186, 206, 226, 246)
    };
    pendant[6] = {
        name:"manik",
        values:new Array(7, 27, 47, 67, 87, 107, 127, 147, 167, 187, 207, 227, 247)
    };
    pendant[7] = {
        name:"lamat",
        values:new Array(8, 28, 48, 68, 88, 108, 128, 148, 168, 188, 208, 228, 248)
    };
    pendant[8] = {
        name:"muluk",
        values:new Array(9, 29, 49, 69, 89, 109, 129, 149, 169, 189, 209, 229, 249)
    };
    pendant[9] = {
        name:"oc",
        values:new Array(10, 30, 50, 70, 90, 110, 130, 150, 170, 190, 210, 230, 250)
    };
    pendant[10] = {
        name:"chuen",
        values:new Array(11, 31, 51, 71, 91, 111, 131, 151, 171, 191, 211, 231, 251)
    };
    pendant[11] = {
        name:"eb",
        values:new Array(12, 32, 52, 72, 92, 112, 132, 152, 172, 192, 212, 232, 252)
    };
    pendant[12] = {
        name:"ben",
        values:new Array(13, 33, 53, 73, 93, 113, 133, 153, 173, 193, 213, 233, 253)
    };
    pendant[13] = {
        name:"ix",
        values:new Array(14, 34, 54, 74, 94, 114, 134, 154, 174, 194, 214, 234, 254)
    };
    pendant[14] = {
        name:"men",
        values:new Array(15, 35, 55, 75, 95, 115, 135, 155, 175, 195, 215, 235, 255)
    };
    pendant[15] = {
        name:"cib",
        values:new Array(16, 36, 56, 76, 96, 116, 136, 156, 176, 196, 216, 236, 256)
    };
    pendant[16] = {
        name:"caban",
        values:new Array(17, 37, 57, 77, 97, 117, 137, 157, 177, 197, 217, 237, 257)
    };
    pendant[17] = {
        name:"etznab",
        values:new Array(18, 38, 58, 78, 98, 118, 138, 158, 178, 198, 218, 238, 258)
    };
    pendant[18] = {
        name:"cauac",
        values:new Array(19, 39, 59, 79, 99, 119, 139, 159, 179, 199, 219, 239, 259)
    };
    pendant[19] = {
        name:"ahau",
        values:new Array(20, 40, 60, 80, 100, 120, 140, 160, 180, 200, 220, 240, 260)
    };

    var redirecctPages = new Array();
    redirecctPages["chuen"] = "http://store.mayankin.com/blue-monkey/";
    redirecctPages["eb"] = "http://store.mayankin.com/yellow-human/";
    redirecctPages["ben"] = "http://store.mayankin.com/red-skywalker/";
    redirecctPages["ix"] = "http://store.mayankin.com/white-wizard/";
    redirecctPages["men"] = "http://store.mayankin.com/blue-eagle/";
    redirecctPages["cib"] = "http://store.mayankin.com/yellow-warrior/";
    redirecctPages["caban"] = "http://store.mayankin.com/red-earth/";
    redirecctPages["etznab"] = "http://store.mayankin.com/white-mirror/";
    redirecctPages["cauac"] = "http://store.mayankin.com/blue-storm/";
    redirecctPages["ahau"] = "http://store.mayankin.com/yellow-sun/";
    redirecctPages["imix"] = "http://store.mayankin.com/red-dragon/";
    redirecctPages["ik"] = "http://store.mayankin.com/white-wind/";
    redirecctPages["akbal"] = "http://store.mayankin.com/blue-night/";
    redirecctPages["kan"] = "http://store.mayankin.com/yellow-seed/";
    redirecctPages["chicchan"] = "http://store.mayankin.com/red-serpent/";
    redirecctPages["cimi"] = "http://store.mayankin.com/white-world-bridger/";
    redirecctPages["manik"] = "http://store.mayankin.com/blue-hand/";
    redirecctPages["lamat"] = "http://store.mayankin.com/yellow-star/";
    redirecctPages["muluk"] = "http://store.mayankin.com/red-moon/";
    redirecctPages["oc"] = "http://store.mayankin.com/white-dog/";

    var pendantName;
    for(var i =0; i<pendant.length; i++){
        var found = false;
        for(var j=0; j<pendant[i].values.length; j++){
            if(result == pendant[i].values[j]){
                pendantName = pendant[i].name;
                found = true;
                break;
            }
        }
        if(found)
            break;
    }

    document.location = redirecctPages[pendantName];
}

/**
         * Comment
         */
function isValidDate() {
    var year = document.getElementById("year").value;
    var month = document.getElementById("month").value;
    var day = document.getElementById("day").value;
    if(month==2 && day>29){
        alert("Please select a valid date");
        return false
    }
    if((month==4 || month==6 || month==9 || month==11) && day>30){
        alert("Please select a valid date");
        return false
    }

    return true;
}

Hai Forum,

May be this question is not in correct format,
I want to know about how to check a particular file is exists or not ? using Javascript.One thing without using ActiveXObject because it is supports in IE only.

Thanking You,
Santosh Srinivas.G

Hello,

Can you someone point me to the right script?

I have a text box and would like to see if the value of the input matches the values defined in a JavaScript array.

For example, the JavaScript array will hold five values:

v1 = Tom
v2 = Jerry
v3 = Michael
v4 = Stephanie
v5 = Michelle

If the text box does not equal one of those values, an alert will pop up stating it does not match.

Thanks.

Hi, I'm wondering if someone can help me. I have recently used this tutorial:

http://net.tutsplus.com/tutorials/ph...-confirmation/

to develop a more complex sign up form for a competition for a client. Basically, the way the validation has been done is different to many other validation methods I've used before and don't understand how to implement it, for some additional requirements.

This is an example of the PHP validation code that I have altered, to suit my form requirements:

Code:

//quick/simple validation
 if(empty($code)){ $action['result'] = 'error'; array_push($text,'You forgot to enter your entry code'); }
 if(empty($name)){ $action['result'] = 'error'; array_push($text,'You forgot to enter your name'); }
 if(empty($email)){ $action['result'] = 'error'; array_push($text,'You forgot to enter your email address'); }

This code only validates that there is content in those fields. But, for example on the 'entry code' field, I would like to put a maximum character input there and restrict certain characters, as well as a standard 'email' validation, so that the form is sent through to the database correctly.

If anyone knows how I can do this, with this sign-up form in particular, please assist me, as every other method I've tried to work with this form hasn't worked and caused the form to error.

Thank you in advance.

Hi, I'm mainly a PHP/HTML coder, but now I saw an excellent opportunity to use some Javascript. On my social network I'm adding the option to comment on statuses. What I need help with is how to this:
I want it to be a text that says "Comment on status",
when the user clicks this text I want the comment form to drop down under there and the "comment on status" link to disappear.

Please help me with this, thank you in advance.

I'm new in web-development. I've searched it but it's not found. I make a input then how i get value of it for javascript value?

I want to be able to use on function to check if a field has a value typed in on keyup.

But I do not understand how I can get the javascript to pull the value in from the HTML. Here is my JavaScript:

Code:

<script type="text/javascript">
function validate_now(name) {	
	if (document.upload.(name).value.length == 3) {	
	alert("True");
	return true;
	else {
	document.upload.(name).style.backgroundColor = "#990000";
	return false;
	}
}
</script>

HTML:
Code:

<input type="text" name="imageTitle" class="inputField" 
        onkeydown="limitText(this.form.imageTitle,this.form.countdown1,30);"
        onkeyup="limitText(this.form.imageTitle,this.form.countdown1,30); validate_now('imageTitle')" />
         <input readonly type="text" name="countdown1" size="3" value="30" style="background-color:#999999; border:0px; color:#339900; font-family:Calibri; font-weight:bold;">

Hi everyone, im new to javascript and I have created two forms.. a value will be put in the first field and the second field should display either $20 or $35 depending on the value of the first field.

Im doing something wrong here.. but I cant see what. Any help is appreciated.


<!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>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Distance from Depot</title>
</head>

<body>

<form id="distanceform">
<ul>
<li>
<label for="Distance from EverWarm Depot">Distance from Depot (km):</label>
<input type="text" id="distance" class="large"/>
</li>
</ul>
</form>

<input name="Button1" type="button" value="calculate" onclick="deliverycost()"/>

<form id="deliverycostform">
<ul>
<li>
<label for="Delivery Cost" >Delivery Cost:</label>
<input type="text" id="deliverycost" class="large"/>
</li>
</ul>
</form>

<script>

function deliverycost()
{
/*
Here is the delivery cost:
less than or equal to twenty kilometres is $20.00
greater than twenty kilometres is $35.00
*/

var distance = document.forms["neworder"]["distance"].value;

if(distance<20)
{
document.getElementById('deliverycost').innerHTML="$20";
}
else
{
document.getElementById('deliverycost').innerHTML="$35";
}

}
</script>

</body>

</html>

Hi,

I was tasked with creating a JavaScript quiz...
I succeeded in doing so but part of the requirement was to use hidden fields for the answers.

Would this be possible using the code I currently have:

Thanks

Code:

<html>
<head>
<script type="text/javascript">
	function valid() 
	{
		cor = "0"
		incor = "0"
		test0 = document.myform.elements[0].value;
		test1 = document.myform.elements[1].value;
		test2 = document.myform.elements[2].value;
		test3 = document.myform.elements[3].value;
		test4 = document.myform.elements[4].value;
		test5 = document.myform.elements[5].value;
		test6 = document.myform.elements[6].value;
		test7 = document.myform.elements[7].value;
		test8 = document.myform.elements[8].value;
		test9 = document.myform.elements[9].value;
		
			if (test0 == "64") 
			{
				alert("Congratulations you got question one correct!");
                    ++cor
			}
				else alert("Sorry, you got question one incorrect!");

	
			if (test1 == "56") 
			{
				alert("Congratulations you got question two correct!");
                    ++cor
			}
				else alert("Sorry, you got question two incorrect!");
			
			if (test2 == "7") 
			{
				alert("Congratulations you got question three correct!");
                    ++cor
			}
				else alert("Sorry, you got question three incorrect!");
				
			if (test3 == "8") 
			{
				alert("Congratulations you got question four correct!");
                    ++cor
			}
				else alert("Sorry, you got question four incorrect!");
				
			if (test4 == "100") 
			{
				alert("Congratulations you got question five correct!");
                    ++cor
			}
				else alert("Sorry, you got question five incorrect!");
				
			if (test5 == "1947") 
			{
				alert("Congratulations you got question six correct!");
                    ++cor
			}
				else alert("Sorry, you got question six incorrect!");
				
			if (test6 == "1") 
			{
				alert("Congratulations you got question seven correct!");
                    ++cor
			}
				else alert("Sorry, you got question seven incorrect!");
				
			if (test7 == "7") 
			{
				alert("Congratulations you got question eight correct!");
                    ++cor
			}
				else alert("Sorry, you got question eight incorrect!");
				
			if (test8 == "132") 
			{
				alert("Congratulations you got question nine correct!");
                    ++cor
			}
				else alert("Sorry, you got question nine incorrect!");
							
			if (test9 == "5280") 
			{
				alert("Congratulations you got question ten correct!");
                    ++cor
			}
				else alert("Sorry, you got question ten incorrect!");
				
				
					
			//else ++incor
				alert("you got " + cor + " right\n You got " + cor/10 * 100 + "% correct!");
	}
</script>
</head>
<body>
<form name="myform">
<table border="1" cellpadding="10">
<tr><td>1. 64 added to what number gives a sum of 128?</td><td><input type="text" name="q1"></td></tr>
<tr><td>2. The product of 8 and 7 is?</td><td><input type="text" name="q2"></td></tr>
<tr><td>3. 35 divided by 5 is:</td><td><input type="text" name="q3"></td></tr>
<tr><td>4. 40 divided by 5 is:</td><td><input type="text" name="q4"></td></tr>
<tr><td>5. What is the area of rectangle that measure 5 by 20?</td><td><input type="text" name="q5"></td></tr>
<tr><td>6. What is 3054 subtracted from 5001?</td><td><input type="text" name="q6"></td></tr>
<tr><td>7. What is the result of 5 x 8-39?</td><td><input type="text" name="q7"></td></tr>
<tr><td>8. What is the binary number 111 in decimal?</td><td><input type="text" name="q8"></td></tr>
<tr><td>9. The sum of 33 and 44 and 55 is:</td><td><input type="text" name="q9"></td></tr>
<tr><td>10. How many feet in a mile?</td><td><input type="text" name="q10"></td></tr>
<tr><td><input type="button" onClick="valid()" value="score"></td><td><input type="reset"></td></tr>
</form>
</table>

</body>
</html>

How do I insert this javascript: <script language="JavaScript" type="text/javascript" src="http://www.ABC.com/members/display.php?token=email"></script>

Into the values of this:
<input id="Email" name="Email" type="text" size="30" /><input name="emailagent" type="HIDDEN" class="textfield" id="emailagent" value=''INSERT JAVASCRIPT" />

hey friend i am trying to use automatic html input creation using java script for my new project ....


my problem is the field "type propositon 1:is it answer? ignore this one:" not come into input variable such as $_POST['prop1']


i used PHP Code:
pint_r($_POST) 


and the result was
Code:

Array ( [radio1] => on [cid] => 65 [desc] => dfdfdfdfd [submit] => Submit )

why my javascript created input field come into role?


my php html code is

PHP Code:
<table>
  <form  action="new.php" method="post">
   
   
 <tr><td>
 question type:<br />
True or False:<input type="radio" name="radio1">
Objective:<input type="radio" name="radio2">
Other:<input type="radio" name="radio3" >
</td></tr>
<textarea name="desc" rows="6" cols="35" ></textarea> <br />
<a href="javascript:add()" ><b>add proposition</b></a> 
<div id="cat"></div>
<div id="num" style="display:none;"></div>
<br> </table> 


and the java script is ...

PHP Code:
  <script language="javascript" type="text/javascript">
   
    function add()
    {   
        k=document.getElementById("num").innerHTML
        k=parseInt(k);
         if(!k)
        {document.getElementById("num").innerHTML=1;
        k=1;} 
        else{
           document.getElementById("num").innerHTML=k+1;
           k++;
        }  
         document.getElementById("cat").innerHTML+="<tr><td>type propositon "+(k)+":<input type=\"text\" name=\"prop"+k+"\"><td>is it answer? </td> <td> <input type=\"checkbox\" name=\"ans"+k+"\"></td><td><td>     ignore this one:</td><input type=\"checkbox\" name=\"ign"+k+"\"></td></td></tr><br>"            
       
    }


</script> 

Dear All

I have done some coding in javascript . Where i am generating the textbox field and checkbox dynamicaly . That is as per condition if there is one record match as per condition then that many text field will be generated

So just to give a example , which is not dynamical

What i want to do is first the text field are disable and when the checkbox is checked then the text box should be enable

For 1 record the logic is working proper , but if there are more then 1 record then it does not work

Can you'll please help




<?php session_start();?>


<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="../locationpropertydesirecom/css/adcss1.css" type="text/css" media="screen" />


<script language="JavaScript">


function enable_text(status)
{

status=!status;

var e=document.getElementsByTagName("tr");

for(var i=0;i<e.length;i++)
{


e[i].disabled = status;


}

}

</script>

</head>

<body>

<table>

<tr>
<td><input type="text" id="aa" name="a" disabled="disabled"/></td>
<td><input type="text" id="aa" name="b" disabled="disabled" /></td>
<td><input type="checkbox" name="aa" value="check" onclick="enable_text(this.checked)" />
</tr>

<tr>
<td><input type="text" name="a" disabled="disabled"/></td>
<td><input type="text" name="b" disabled="disabled" /></td>
<td><input type="checkbox" name="aa" value="check" onclick="enable_text(this.checked)" />
</tr>



</table>


Thanks , regards

Jim

my code is below
what i want this to do is take the x_cityid and add it to teh hidden field with the id of citiesid (I will do an ajax call before this but my simple javascript is not working)

what am i doing wrong?

function addtocitylist() {
var x_cityid = document.getElementById('x_cityid');
var x_areaid = document.getElementById('x_areaid');
var scitiesid=document.getElementById('citiesid');
var areasid = document.getElementById('areasid');

if (!scitiesid) {
scitiesid.value = x_cityid;
} else {
scitiesid.value = scitiesid + ',' + x_cityid;
}
scitiesid.value = scitiesid ;


alert(scitiesid);
}