i'm building a website at the moment with a user registration form. something i struggle with everytime is the best way to give feedback to the user (e.g. further instructions for a particular field or error messages).I saw a very nice execution of this recently at this site. /user/register - this looks to be a custom job, but i'm curious is the open-source or even paid plugins that do a similar thing.
View 2 RepliesI am working on a project that requires me to insert info in input boxes (2 input boxes to be specific, firstname, and last name are the two) and transfer that info into a <select> field when the button is clicked. So, let's say in the first input box which is first name I type Tom and in the second input box which is last name I type Smith. When I click the button I want the first and last name to appear in the select field as an option. Now, i tried researching about adding/removing options for the select field, but nothing on getting info from input boxes to put it as an option in <select>.
View 2 Replies View RelatedI'm just starting up in web design and I have an interesting challenge that I'm hoping can be solved w/java script. I have a site with an application form. When the form is to be submitted, the form data needs to be emailed to the correct person to handle that particular application. However, that can't be determined by anything specific in the form. It can only be determined by the link that they clicked on to get to the form. I really don't want to have 22 identical forms with just a different EmailTo addie, which is what the previous site developer did. Someone please tell me this can be done w/java script? If not w/java script
View 4 Replies View RelatedI am trying to use a code snippet fromthe code works fine however what I want to do is modify it so that when the user clicks the link to add another entry their would be a drop down <select> box to the left of the text input box. Which I have working but each time the link is clicked to add a new <select> and text input box row the previous <select> dropdowns seem to loose their values and only the text input boxes keep their values. So I am not sure where/how to edit my below code to work properly
Code:
below javascript controls the functionalty of the script
var arrInput = new Array(0);
[code]....
I have two input boxes on a form which receive the first and last name of a user. I want to be able to use charAt() to get the first letter in each box and pass it a third box on the same form. is this doable? May I request some help? I was thinking something like the function below would be the starting point --I stand correct, as it is not working.
<script type="text/javascript">
var str="Mossa";
<!--document.write(str.charAt(0));-->
document.write('<INPUT TYPE=text size=2 VALUE="str.charAt(0);">');
var str="Barandao";
[Code]...
Somebody asked me if it would be possible to add auto-advance to a web
form where there are a lot of repetitive 5 character fields. I took a
look around the web and found a script, which appears to work in the
couple of browsers I tried it in. However, when I look at the script it
appears to have the wrong number of brackets. Then when I changed the
script to the way I thought it should be, it still worked!
I'm totally rusty on javascript. I think I remember that you're allowed
to omit brackets when you only have 1 line following the if (or while,
or whatever).
A couple of questions:
Are the brackets in the original script below wrong or am I missing
something?
Can anyone recommend a different auto-advance script?
Or, is auto-advancing a bad idea all around from a usability/accessibility point of view?....
I have a google maps application which has an address text box. When we type in the postal address, it gives the corresponding latitude and longitude as a pop up info window on a google map. All i want to do is to be able to get the latitude and longitude info into two text boxes on the html page. I am trying to modify the code but for some reason, I am unable to do it. Here is my code.
HTML page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
[Code]....
I've been trying to build a HTML Form, consisted of Input Boxes, that can be autoincremented, in a tree style. Basically, I need something like the following:
[Code]....
where A can always be incremented (A.1, A.2, A.3, ...), having each A "child forms"
I need to be able to add dynamically multiple "Date Picker" input boxes to a form. I wanted to use a simple dynamic textbox added form which will easily add or remove date pickers.
I already have a Date Picker which works well also I have a very dynamic field added.
is it possible to use another JavaScript inside another script as one seems to corrupt the other?
Quote:
$(document).ready(function(labelname){*
var counter = 2;*
$("#add").click(function () {*
if(counter==1000){*
[Code]....
Does anyone know if it is possible to use Javascript and HTML to access video+sound input so a user can use a webcam on a site without the need for flash/plug ins? Trying to figure this one out but not finding any good starting points yet. Not even sure if it is feasible. :)
View 1 Replies View RelatedIm trying to validate a form using javascript. If there are errors in the form javascript lists them in a div tag on the top of the page. the problem is that whenever i click the submit for the first time everything is working but after i get the errors if im clicking submit again, it's submitting the form regardless of the errors...
Attached is the code
I have a table (not in a form) that has several input text boxes. I want to have a reset button that acts like the form RESET button. I thought I would use the following jQuery method:
Here's my reset button code:
Here's one of my table input lines:
I thought this would be simple, but I can't seem to figure out how to target the text that the user types into an input field before he/she decides to "reset" and start over.
I'm thinking that my problem is that I can't find the correct syntax for my line: $('input.firstname').value('')
Way back in the day I did some old school HTML....but after many years not touching a web page I've kind of been thrown straight into the fire with some "wish list" items I'm trying to figure out. I've done plenty of searches and somewhat have an understanding of some of the basics of what I need to do...but I'm not the least bit comfortable with Javascript (I'm just assuming that this the language most applicable to what I'm looking for - and after the experience of my one day crash course with PHP I knew I needed to turn to some experts.
Okay I have a rather large web (about 150 pages) of historical transcriptions created with XHTML (with PHP headers and footers embedded). Generally speaking, I don't much like web pages that have right-click disabled and various other protections in place.....but I'm also the sort to obsessively cite my source material and give proper credits....as a researcher who's hard work has been plagiarized and passed off as the fruits of someone else's labor, I wholly understand why many are inclined to put such walls up.
[Code]...
The form allows users to enter there details, and when they click on the signup button the following is suppose to happen
1. Thank you note for signing up is displayed, including details they just entered
2. The details entered are stored in an array
3. When you want to view all signups you can click on a signup button and all details are shown
4. The form resets and clears all input fields
I have a form that allows input and functions that validate input, store input, and shows the input and html for the design layout. [code] The two buttons are called signup and members [code]When i run it i can enter all the details and click on signup all the details are still there and then i click on members and it shows all the details i have just entered along side the string signup but it also displays the words 'undefined', so I think there are problems with the array.
I have created a new site that has a contact page and am trying to use the Forms plugin and Validation plugin. I can get the validation plugin to work fine and submit the form when it is valid but I am trying to use AJAX to update a div when the form has been successfully sent. All that is happening is it sends the form then validates meaning I get empty emails..
This is my code:
The output div should have already been updated with the responseText.');} </script> and the webpage is [url].
Ok, this is my last resort, as I've been working on this for a while and am completely stumped. I'm probably just doing something stupid that I haven't noticed, Essentially my problem is this: on this website I'm developing, users can submit photos for a monthly contest. I'm using the Lightbox plugin with prototype and script.aculo.us to display winners from the past few months, and the Validate and Form plugins for jQuery to display a form where users upload their pictures. Thus, I have this in the head of my document:
[Code]...
working form validation plugins?
View 4 Replies View Relatedi want to upload a form with jquery form plugins of jquery.form.js , my code like this
[Code]...
How can we identify logical errors from other types of errors?
View 4 Replies View RelatedI'd like to create a quick and dirty validation method for a form. It's not meant to be very secure.
The way I picture it working is this - there is an input field that asks for a password. If the user types in the password correctly, the "submit" div tag will change from "none" to "block". , which will display the submit button. I just am not familiar with JS enough to know if that's possible.
Here's what I'm starting with:
Code:
I have added this validation script to a form, works well but the form is submitted after the alert with errors is closed anyway.
View 2 Replies View RelatedI try to create form to subscript a newsletter using plugins and the $.post() function ,but the URL outside the server[URL] to send me an email if it receives the data but it doesn't work,
here is the code <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
[code]....
I have a user name, password, phone number etc., that all need to be validated before being submitted. The functions filter out the unwanted characters and null and zero length strings. I did have a pop up that listed the errors but I would prefer them to be listed below the log in screen that is a hidden div.I cannot get it to work.The validation works fine,
<html>
<head>
<title>WebCheatSheet - JavaScript Tutorial</title>[code].........
Say I have:Code:
<div id="abc">
<input type="text" name="myname" value="TEST">
</div>
if I use abc.innerHTML, I won't get the new value for the text field (if changed by the user). What would be the best way to accomplish fetching the new value to "properly" copy the HTML?
I am looking to make a page with a display on it using input boxes, but I want the input boxes to get some of the values from an array I enter at the beginning. To start with I am only entering 2 items, as it will make it easier until I have it all up and running. I have no problems getting a table to come up, with a label and then an input box beside it. I can even prompt the user for the number of input boxes they require. I also can make it so that the input box is disabled, so that the user cannot change the contents of it. But, I am totally stuck as to how to get this how I want it...
I am wanting labels at the top of each row, not the left hand side, and I am wanting rows of 3 input boxes, with the first 2 containing the text from my array, which is what I'm wanting ti be the disabled boxes. Basically I am starting a very simple page for an online order facility.
This is the code I have been working on, I have totally messed it up by now trying different things but it will give an idea of what I have been attempting I figured lol. I have got it to have 6 empty input boxes all on top of each other, but I realised after that if i set all the values etc in the table, then im not getting the array to define the contents :S and, they are still all on top of each other which i dont want... And my attempts at getting the array to define the number of input boxes has so far been futile. I end up with a blank page, just a button. just getting frustrated lol.
[Code]...
I have a form with 2 fields datepicker. How do I check both boxes have a date before I send ajax data?
$
(
document)
.
ready(
function
[Code]...
The code only checks one of the two fields and sends the data.