<disclaimer>js newbie</disclaimer>
My page has a form comprised of several radio buttons. I want to poll the
buttons to determine which button was selected and convert its value to a
string. I then want to use the string on the same page. Code:
I'm trying to write a generic/reusable form validator in Javascript...
just something that checks to make sure required fields have a value. By
generic I mean I don't want to explicitly reference the name/id of the
form or the name of any of the data fields within a "validation"
function.
My first shot seems to have some errors in it:
FieldsToValidateByForm = {};
FieldsToValidateByForm['contact'] = ["FirstName",
"LastName","State","Email"];
function validate(form)
{
problemFields = new Array();
returnval = true;
FieldsToValidate = FieldsToValidateByForm[form.id];
for(i=0; i < FieldsToValidate.length; i++) {
fieldInQuestion = form[FieldsToValidate[i]];
if(fieldInQuestion.value.length < 1) //problem spot?
problemFields.push(FieldsToValidate[i]);
}
if(problemFields.length > 0) {
returnval = false;
warn(problemFields); /* tells user they're missing a field,
that's all */
}
return returnval;
}
What I think is happening (not sure) is that the expression
form[fieldsToValidate[i]] is not giving me what I want: a reference to
the object corresponding to the form field with the same name. In
otherwords, I must have some fundamental misunderstanding of how the DOM
works here. Unfortunately, I can't seem to find a good enough reference
to set me straight....
JavaScript Challenge Play--Random Color (The English Version of JavaScript)
Write a function to return a string that can represents a color.
Requirements:
1. The color is random. The color string can be similar to "cf9c63", also similar to "rgb (211,100, 180)".
2. Code should be concise, clear, easy to read, good performance, and better than my solution.
And go to [url] to see more!
I've been reading up on Javascript. I read that you can use:
document.write("<h1>My Test</h1>");
So I wrote a little script:
<script type="text/javascript">
var choices = new Array();
choices[0] = "<img src=\"crush.png\" />";
choices[1] = "<img src=\"curse.png\" />";
choices[2] = "<img src=\"endless.png\" />";
choices[3] = "<img src=\"eyes.png\" />";
[Code]...
What is return statemen? what is functionn statement ? how can i write my frist program through return statement?
View 1 Replies View RelatedreSplit is used to return an object from a string of name/value pairs.
pass reSplit()your own delimeters or use the defaults.
String.prototype.reSplit= function(d1,d2){
if(!d1) d1= /s*;s*/
if(!d2) d2= /s*=/;
var Obj= new Object, tem;
var A= this.split(d1);
var L= A.length;
for(var i= 0; i< L; i++){
if(!A[i]) continue;
tem= A[i].splat(d2);
Obj[tem[0]]=tem[1];
}
return Obj;
};
String.prototype.splat= function(delim){
var ax,L;
var d= this.match(delim);
if(!d) return this;
else{
ax= d.index;
L= d[0].length;
return [this.substring(0,ax), this.substring(ax+L), d[0]];
}
};
I am building a string inside a variable prior to printing it on screen as follows :
myclock += hours+':'+minutes; where "hours" and "minutes" are variables initialised elsewhere. How can I add a carriage return or new line character to the end of this line, so that anything else cocatenated to this variable is displayed on the next line.
I'm working on a function that checks the css href in an included html file and if it is incorrect it adjusts it. my problem is in this piece of code
Code:
hrefrege = /href="[^ ]+"/i;
originalHref = m[0].match(hrefrege);
originalHrefArray = originalHref.split("/");
[Code]....
Why doesn't it recognise it and how do i fix my problem?
I'm trying to return all the permutations of a given string, so I wrote the following recursive function:
The problem is, I'm not getting all the permutations, and I don't know why.
For example, if string="bindle", the output I get is:
And then the function stops.
I need to return a string of JS from my php file. In my ajax.php file these are the last lines ($js is a string of js generated dynamically, it works as its calling a function I'm using at the load of the page): $js = getData($day,$the_vote);
[Code]...
trying to write a function where i can pass an array and string and replace the value in return. i.e
var inputStr = "010203040506070809111213141516171819";
i want to pass this value in function and replace each number (number ranges are 01-09 and 11-19 only) i.e if i pass 01 want to replace that with A,02 with B etc.. so problem is i would pass input string and pass back as string after replacing those values by running through the below function. wrote the following,cant seem to split my inputStr into 01 02 etc tried splice and split no luck :
[Code]....
I am trying to write a string variable containing XML in the form of text into an iframe such that it shows up as formatted XML with the expand(+) and collapse (-) options that default in IE when opening an XML file.
The first thing I tried is writing the string to a file with .xml extension and setting the iFrame src to that file. This works well normally, however in this case, the file does not get created where I want to due to some security restrictions in IE which I cannot edit as I dont have admin rights.
Secondly I tried appending the string as innerHTML to that iframe but only the content within the XML tags without any formatting shows up which is not intended.
Thirdly I cannot use any server side scripting as this is a very controlled environment and I am not allowed to host servers or edit server scripts at will. This is totally out of question, so I guess Ajax or calling a costom defined web service wont help.
At best I can say, I am limited to HTML, Javascript and vbScript.
I am receiving the string as a responseText from an ajax request which is consuming a web service. If I use responseXML, it doesn't work.
The solution I am looking at is to either display it as formatted XML in an iFrame or to just throw it into a textarea which I am already doing and simultaneously write it to an XML file or do both. If not automatically, atleast have the user press a button and do it.
Let me preface this with the usual disclaimer: I am new to this and have only been programming with Javascript, PHP for about 2 weeks now and have been lucky enough to have resolved the issues I have encountered. This one however is puzzling to me.
I have a HTML form created that collects member information. It calls, on submit, a confirmation page that lists all the data fields entered. This all works great. However, when I then post the variables from the first html form page from my second confirmation html page to my PHP script, using document.write with input type=hidden and inserting the address variable into the value field, the Javascript only passes this variable up to the first space. It is the only variable I pass that has a space in it.
I have verified that the variable does indeed contain the whole address and I have also verified when I execute the following: document.write ('<input type="hidden" name="address1" value='+address_1+'>');
the address_1 parameter passed to the php script only passes the string up to the first space.
I even tried to put fixed text in there instead of a variable (e.g.)
document.write ('<input type="hidden" name="address1" value="555 Drury Lane" >');
and it still only passes the string up to the first space (555).
I show the variable address_1 on my confirmation page and it shows the entire string.
I checked what was being passed and it seems that the Javascript is the culprit (or more likely the Javascript creator - me)
All my other variables (which don't have spaces) pass to the php script with no problems.
In my form, i have around 20 textbox. I want to validate all the textbox. It should accept numbers and decimals. I have the following code...
How can i make the call generic to all the textbox?
I'm tring to write the document with document.write(), but if there a space in the string it eliminate all the text after the space. I tried this:
function _Start(){
var _string = "My Dog";
document.write(_string+"</br>");
[Code]....
I know that the reason is that the string needs to be under "" for not to elminate the text, but I just can't figure it out how to ...
I have 40 or 50 inputs scattered among many pages that all need the
ability to open a popup which allows the user to navigate a file
directory structure, locate a specific file, and return the fully
qualified file name to the parent window input. All the 40 or 50 inputs
have unique IDs. Given any one input ID, I have everything working
perfectly: the parent form opens the popup using
window.open("FileFinder.aspx?dir=" + UserRootDirectory + "&InPutID=" +
IdCodeInOnClick);
Popup talks back to parent using window.opener.document...
Like I said, give me the input field ID and I can make everything work
every time... but it makes NO sense to write 40 or 50 functions, one
for each unique input field. I tried using
window.opener.document.forms[0].getElementByID(InPutID).value
but I keep getting an error message about something requiring an
object. Is there a way to accomplish this? Also, since I'm new to
JavaScript (and web programming generally), is there a good tool for
debugging JavaScript intended for IE?
I am looking for a generic form validation script for my personal
project. I found few out there in search but nothing too close to what I want.
If I have a form in a page I want to call the javascript valdiation
routine and display all elements error messages in one validation to
their parentNode.
I found few routines which displays error message in alerts and that
too validation for one element at a time.
Can any one point me to open source generic form validations.
I'm trying to extract a value from an attribute, namely listid in this case, inside an input tag.code...
$list is an associative array fetched from a database. The contents of that array might be irrelevant for the issue. I'm using a jQuery to handle any javascript code. How do I extract $list['id'] from this input tag?
or is there another genius way to accomplish the same other than using an input tag?
ok i have a script which will make a copy of the html in a div and place it into another div the problem with this it creates a duplicate element with the same id so what i want to know is can i create a new id based off old ids using a generic type script
function scope(e)
{
var popin = document.getElementById('popin');
[code]....
I want to write a generic clearForm function to clear the form when
the user click CLEAR button.
Here's my attempts, because I want to take care all html controls. I
think I need to test if the control is submit button, regular button. But I don't know
what I should do on drop down box?
function clearForm()
{var i=0;
for (i=0; i<InputForm.elements.length-1; i++)
{var obj = InputForm.elements[i];
document.write(obj.type); //runtime error: object doesn't support
this property or method
if (obj.type != "submit" && obj.type != "button")
obj.value = "";
}}
I want to learn more about creating functions for element events
without having to put onclick event in every tag. For example:
<script>
document.getElementsByTagName('input').onclick = function () {
alert('hello');
}
</script>
Now, I know the above does not work as I have tried it but hopefully
the idea of what I am trying to achieve here. Basically for every input
tag, when the user triggers the event (click) it will do the same
function.
Anyway, I would more so like to learn about this type of scripting
where you assign functions to events. However, I dont know what to
search for in google and the like. Where could I learn more about this?
I have quite a few calls on my page at different points to populate dropdowns using jSon responses from the server. It is all working fine now apart from one issue. The name of the field that sets the value and text of the new Option(s) being put into the dropdown.
[Code]...
What am I doing wrong I want to add an Array to a string, but the alert won't write the array?
Code JavaScript:
var placestosee = ['newyork','people','laundry','stores'];
alert('One place to see is the'+'placestosee[2]'+);
Is it possible to have a generic script that set the input focus on the first valid element in a document (not hidden or disabled) ?
This script is at the end of a document, but don't work.
<script type="text/javascript">
document.forms[0].elements[0].focus();
</script>
I am totally new to jQuery and no good knowledge on javascript. However, I was assigned a task, to convert a javascript program to jQuery due to compatibility problem on browsers like Chrome and Safari. My program originally use javascript xmlDoc.load('....') to read XML file, and then use document.write statement to write html tables on client side. Something like this (the sample below may got lots of syntax problem as I jut want to show the major part):
Code:
document.write('<TABLE >');
var y=x[0].getElementsByTagName('NoOfRows');
for (i=0; i<=noofrows-1 && i<=y.length-1; i++){
document.write(' <TD>');
document.write(z[j].getElementsByTagName('RecordDetails')[0].childNodes[0].nodeValue;
}
Now I changed to use jQuery, I can read the XML file elements. However, when I try to write the table, it failed:
[Code]...
Why doesn't this work? The input field doesn't show up at all. I know I'm just missing something really simple here.
<script type="text/javascript">
day = day.getDay()+1;
month = day.getMonth()+1;
year = day.getYear();
newdate= month + '/' + day + '/' + year;
document.write('<INPUT name=Date value='+ newdate + '>');
</script>