I use Spry for my form validation and have recently ran into a small issue. Form fields validated using Spry lose their value when I hit the back button. Fields without validation retain their values.
The form is using the POST method. With javascript, is it necessary to send the form variables back to the original form page?
How you handle back button scenario in firefox browser. The problem is when i click browser back button , the javascript on load is not executed and page is rendered from cache.
View 1 Replies View RelatedIw ant to disable the back button and the cache functionality of
Internet Explorer, How do I, do it?
I have spry validation setup to validate a contact form and it works fine in firefox, chrome, safari and opera, but wont work at all in any version of internet explorer.
You can see the form in question here. code...
Anyone know if this is a common issue with spry validation and if so, is there a workaround?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>rates & reservations</title>
[Code]...
the validation and CSS work. I just can't figure out how to make them work together.
I need to get the invalid fields to change back to blue when they're validated upon submit or even clicking out of the field.I'm not good in writing javascript yet so please include all of the javascript and html with the edits highlighted in the code:
The page:
http://shoppingcartcash.com
The js:
http://shoppingcartcash.com/form.js
I have a pageA containing a form the user my fill in partially. All data is stored into cookies. He follows a link to pageB that contains some of pageA.form inputs. If he adds or change form data cookies are instantly updated. What I need is if the user goes back (back browser button) to pageA, the form here is updated from updated cookies. Only Firefox 3 does the job without extra code. Ive tried all sort of things I found on the web with Opera 10, Chrome and Safari 3.
View 2 Replies View RelatedI have a form with three select boxes. Box 1 has a variety of choices, but boxes 2 & 3 are empty. When the person selects an option from box 1, box 2 gets populated with choices. When the person selects an option from box 2, box 3 gets populated with choices.
This is handled with javascript through either onblur or onchange (still working on which will work best for this).
The problem occurs after pressing submitting the form and then pressing the back button. All fields maintain their data EXCEPT boxes 2 & 3.
How do I get it so that those two boxes keep the data like the rest of the form?
I create a dynamic form which appear when user click on + button. The problem is, if the user make a mistake and they want to go back using back button after the form is submitted, the dynamic for dissapear.
Is there a way to make the dynamic form stay, even after you submit, then you use back button to the original page.
are html frames really my only simple option if i want to create a "link" which only refreshes a part of the page (show/hide divs) without breaking the browsers' "back" functionality?can i move to a different page without loading a certain portion of it that was already present in the previous page (without using html frames) ?
View 2 Replies View RelatedI have a client that wants a site for people who are potentailly being abused, often by partners they live with.
He is under the impression that it is possible for there to be a "Button" that deletes the cache when the user presses it rather than going through the procedure of clearing the cache. I can see why this would be a goog thing to have, and wondered of js (or perhaps php might be the way to go)
I'm using it for form validation. The way I have it set up works great to validate the text areas of the form, but I also have a field of radio buttons that I need the user to select at least one radio button. Here's how I have the validation code set up: Code:
View 5 Replies View RelatedI'm looking to have a lightbox pop up when a user clicks the Back button in their browser rather than just navigating back. The purpose is to ask a question with a Yes/No answer, and if they click No, I allow them to go back. The only thing I've found anything like this is the onUnload event, but that doesn't prevent them from going back. How should this be handled?
View 1 Replies View RelatedI am trying to write a script that uses the IF statement to see wether or not a user clicked the back button to come to a page, and then if it's true to not let the page load and kick them back X number of pages (say 4) This is what I have so far:
<script language="JavaScript"><!--
if javascript:window.history.back == 1
{
javascript:window.history.back(4);
return false;
}
//--></script>
I am having problem in validating my form using spry tools. The problem is that if I try to include any other validation other than spry along with spry validation the spry validation does not work.
View 1 Replies View RelatedI'm working on a form. The one thing i can't get to work is the following:
When a radio button "creditcard" is checked, the form can only be submitted if the age in the textfield(on the top of the page, textfield "leeftijd") is over 18.
I'm only validating one (Consent) radio button with this code but I need to validate multiple different questions/buttons.
<script>
function getRBtnName(GrpName) {
var sel = document.getElementsByName(GrpName);
var fnd = -1;
var str = '';
for (var i=0; i<sel.length; i++) {
if (sel[i].checked == true) { str = sel[i].value; fnd = i; }
} return fnd;
}
function checkForm() {
var chosen = getRBtnName('Consent');
if (chosen < 0) {
alert( "Please choose one answer when you are asked to select a number." );
return false;
} else { return true; }
}
</script>
<form action="congratulations_aff.php" method="post" name="congratulations_aff" onSubmit="return checkForm()">
<table border="0" cellspacing="1" cellpadding="0">
<tr>
<td colspan="3">I consent to providing my electronic signature.</p></td>
</tr>
<tr>
<td colspan="3" valign="top">
<input type="radio" name="Consent" value="Y" />
Yes
<input type="radio" name="Consent" value="N" />
No
<table border="0" cellspacing="1" cellpadding="0">
<tr>
<td>I consent to electronic receipt of my information reporting documentation.</td>
</tr> <tr>
<td valign="top">
<input type="radio" name="Consent1099YesNo" value="Y" />
Yes
<input type="radio" name="Consent1099YesNo" value="N" />
No</td>
</tr>
<tr>
<td valign="top">
For tax purposes are you a U.S. citizen, U.S. resident, U.S. partnership, or U.S. corporation?
<input type="radio" name="USPersonYesNo" value="Y" /> Yes
<input type="radio" name="USPersonYesNo" value="N" /> No
</tr> </table>
<input type="submit" value="submit" value="Submit" />
</form>
I've got a JQuery Mobile form working across multiple "pages", even though it is a single HTML file.This is done by placing the opening form tag before the <div data-role="page"id="screen1"> tag, and closing it after the final losing page div tag. Works great.Currently the form validation is properly flagging each field as the user leaves it.The only trouble I am having is making the continue button at the bottom of each screen disabled until the visible invalid fields pass validation.Here's the simplified version of the code:
<!DOCTYPE HTML>
<html>
<head>
[code]....
I am trying to use the jquery validation plugin with a modal form. When I click the 'Make a booking' button shown below there is no response. I guess there's something about the dom I am missing, which tends to be the case quite often.
$('body').click(function(event) {
if ($(event.target).is('a.add')) {
event.preventDefault();
$( '#dialog-add' )
.dialog( 'open' );
}});
$( "#dialog-add" ).dialog({
autoOpen: false,
height: 340,
width: 400, .....
draggable: false,
position: "center",
resizable: false,
modal: true,
buttons: {
"Make a booking": function() {
$('#addbooking').validate({
submitHandler: function(form) {
//ajax
});
$( this ).dialog( "close" );
}});},
Cancel: function() {
$( this ).dialog( "close" );
}},
close: function() {
}});
Does anybody know how i check to see if the radio button is select and also can anybody tell me how i can check for an email in the correct format the function isValidEmail in the above alows emails to pass through.
View 4 Replies View RelatedThis is hard to explain but here's my predicament. I have 2 drop down menus in a form for "Main Category" and "Restaurant Type". My boss wants it so when Restaurant is chosen from the first drop down, the 2nd drop down appears, which is what this code below is already doing.
The problem is if you submit the form, then decide to go back and change your Restaurant type, the drop down for Restaurant Type is missing. You can get it to come back by switching to another main category, then switching back to Restaurant. Code:
I am developing an iPhone version of a web app for a company I work with. The iPhone version is saved to the user's Home Screen as a pseudo-app (for lack of a better term). SSB might be more accurate. Everything in the site takes place in one window. Because there are navigation arrows within the web app itself, I don't want the browser's Back and Forward buttons to ever be enabled, because it can confuse the user. Hence, page navigation within the app is always done via location.replace().
My challenge was with the Login page. With a standard HTML form, the browser (SSB) navigates to the "action=" page specified by the form. So then you have a Back button. To work around this, I have created a "fake form" which simply writes the user's password to a cookie with a 5-second lifespan and then does a location.replace() to a Perl script that grabs and evaluates the cookie, immediately deleting it, and then writes the page to the browser. This works like a charm.
Question #1: is it an abomination to store the password in a cookie, even for a few seconds?
Question #2: At present I'm not encrypting it. Is there an effective client-side JS solution for encryption? Or, if it's client-side, wouldn't anyone be able to read the script and see how it was done?
I have a form that has 4 "required fields" that validate using JS. I am now trying to add a 5th "required field" (the difference is that this field is a "radio button input as opposed to a text input).
I have it working so that when the 1st radio button is selected, the form will go through. However, when the 2nd radio button is selected, it comes up with the "please fill in all required fields" error.
Here is the JS I have so far:
HTML Code:
I tried adding the 2nd radio button value like this:
HTML Code:
(document.indiv_reg.skill[0].checked =="") || (document.indiv_reg.skill[1].checked =="") But when I do that, then even when the 1st radio button is selected it comes up with the "please fill out all required fields error".
PHP Code:
I am trying to capture the back button and redirect if it is a certain URL, if not just go back like a normal back button.I've never really messed with the history except for something like this: <a href="#" onClick="history.go(-1)">Anyone have an example using this plugin: [URL]r any other plugin that might achieve this
View 1 Replies View RelatedI am wondering how Back, Forward browser button works for iframes. Does it bring back/forward iframe or top window? I remember I had before a problem because I wanted to bring back iframe and not top window as it did. But today I tested my Facebook app and was surprised to see it works as I need which means it brings back/forward iframe window and not top. Is it possible that Facebook has some javascript code which does that or is this normall behaviour?
View 4 Replies View RelatedI have a form with multiple fieldsets which are visible conditionally. There are three submit buttons "Abandon", "Save" and "Save & Continue". Each button should validate specific controls of the form and submit it. I tried setting "onsubmit: false" and checking for "$('#myForm').valid ()" on click of these buttons., but that validates all controls of the form.
View 1 Replies View Related