I've setup a form on my website and added a simple validation script to check a few of the fields. After all the validations are done I want the submit button to process two other functions that will handle the submission of the form.
The problem is that if the validation returns true the script just stops and doesn't run the other two functions.
Here is my validation script:
Then on my submit button I have:
I've put together a pretty simple competition script - it's commented out below and you can find the demo at [URL] (you'll find the code at the bottom of the page) I am using a jquery plugin to achieve the validation: [URL] The problem is only in Firefox (3.5.2) - the form submits without any validation at all, and ignores the ajax. IE8 & 7 seem to be fine. I'm not really sure why Firefox is submitting the page with Refresh but IE isn't, I've looked over and over the code and can't find the error. Firebug is only finding errors in the jQuery library itself.
View 1 Replies View RelatedI'm building a web app the processes information into a DB. I'm attempting to write a JS validation page. On this page I'm also trying to make the button perform a submit only if the validation returns as true.
Somehow I would like to say if all fields are true then submit to submission.php.
New to javascript and I have the following code in onSubmit() validation:
else if (cofaCOURRIEL == null || cofaCOURRIEL == "") {
alert('Le champ COURRIEL doit être rempli.');
document.forms["COFA_AIG"] ["COURRIEL"].focus();
return false;
}
else if (cofaCOURRIEL) {
if ( (atPOS < 1) || (dotPOS < atPOS + 2) || ((dotpos + 2) >= cofaCOURRIEL.length) ) {
alert('Adresse de courriel invalide.');
document.forms["COFA_AIG"] ["COURRIEL"].focus();
return false;
}}
else if (cofaDATE == null || cofaDATE == "") {
alert('Le champ DATE doit être rempli.');
document.forms["COFA_AIG"] ["DATE"].focus();
return false;
}
I understand it is not the best way to validate client side, but I will be doing php server side validation as well. My problem is that once the variable "cofaCOURRIEL" is valid, the script stops and returns true....not sure why...I'm guessing I'm missing an "else" statement after the embedded "if" statement, but I'm only guessing and if I'm correct, I wouldn't know what to put in the else statement to let it not break out of the validation. Any input?
I am having trouble submitting a form after validation.
Here is my script.
The validation works fine its just that after the form does not submit.
New to jQuery and Validation so please go easy :) The issue: If I validate more than one field with 'phoneUS: true' it breaks jQ Validation and no longer validates anything at all.
[Code]...
I just noticed that if I use a "submit" button the "onSubmit" function call
will be invoked. But if I use a button to call some other javascript and at
the end of that javascrip I do something like "form.submit()" the "onSubmit"
function call will NOT be invoked. I thought that was wierd. Can anyone
shed some light? Here's a small example:
<script type="text/javascript">
function subform()
{
document.frm1.submit();
}
function checkform()
{
alert('checking form');
return true;
}
</script>
</head>
<body>
<form name="frm1" method="post" action="" onSubmit="return checkform();">
<input type="text" name="txtname"><br>
<input type="submit" name="btnsubmit" value="submit"><br>
<input type="button" name="btn1" value="go" onClick="subform();">
</form>
</body>
I've got a simple comment application running on the local Google webapp framework test server, and I'm trying to validate the form w/ Javascript before it gets input to the server and throws an error.
The problem is that the code seems to go through anyway... the Javascript never stops the code from being sent to the server.
I've already checked that Javascript is working on the application, so it must be that my Javascript validation code is bad.
The code is meant to check that the Name field is not empty and that it doesn't have more than 20 characters in it. ("push" is the id for the Submit button, and "name" is the id for the Name input field.)
window.onload = function(){
button = "document.getElementById('push')"
name = "document.getElementById('name')"
button.onsubmit = function Validate(){
[Code].....
I've got some strange behavior with validation. I'm loading up a form to allow editing of an existing database entry. If I make my changes to the fields, enter in the required "revision comments" and submit, the page does NOT post, it seems to only refresh and empty out all the entries in each of the fields. Now, on the other hand if I open the form to make changes to a database entry and immediately press "Submit" without filling in the revision comments field, it fails validation and tells me to enter comments. Now if I fill in comments to satisfy all the requirements and press submit, it posts and I get my "Successful Entry" confirmation prompt. I think I've narrowed it down to the remote: part of my jQuery. I eliminated by trial-and-error the other pieces of the jQuery code and it seems that when I remove the remote: it does not experience this strange behviour.
jQuery Code:
[code]
// Form Validation customization
$("#Form_business").validate({
rules: {
[Code].....
I'm having trouble changing the font color of my labels ONLY when I stop the form from submitting due to blank fields. I'm not sure whether if just changing my CSS will achieve what I want, or am I going to have to add somethig to my if else statement, or both? I would think I would need to change CSS to :
label.onfocus {
color:red;
}
but a little confused on what else.
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en" lang="en">
<head>
[Code]...
I have two grids, they both display buttons. One grid displays numbers, true or false and yes or no, and the other grid displays letters, true, false, yes and no.
The second grid is not displayed in the code (used css to not display second grid buttons (.answerBtns)) Now using the getButtons() function, if the user selects button "1" in first grid (the grid which you have to open using (Open Grid) link, then it should display button "A" in second grid, if user selects button "2" in first grid, then it should displays buttons "A" and "B" in second grid, if "3" then display "A", "B" and "C" and so on.
Now except using if statements and stating which buttons should be displayed and not displayed depending on the button chosen in first grid, is there a more efficent way of coding this so that the display of buttons in second grid depends on what is selected in the first grid?
If it is using an array can somebody show a sample of this in their answer. You can just do it for one example and then I should be able to use that to fill it for the other buttons.
I have a perl cgi form that has a popup_list. Based on a value that
is coming in from a database query, I want to either
1) display the value (from the databse) and let the user change it;
OR
2) display the value (from the database), but NOT let the user change
it.
I tried using javascript to disable the popup list, and that works,
except the form "loses" the value of the entry in the popup list.
Maybe "disable" is not the correct property I want to use. If that is
the case, what is it?
I am trying to get the X and Y coordinates to have a pop up form to use as reference, this is a shopping cart so the more items in the cart the further down the page the form needs to open,
i have this CSS:
Code:
#theFormDiv6 {
display:none;
position:absolute;
top:500px;
[Code]....
I am not real good at JS and I am trying to piece together things.
This works in IE but does not in Firefox, when I comment out the getMouseXY() call it works in firefox but obviously doesnt get the new Y value..
anyone know how to make this work in both IE and Firefox??
I'm using window.location.reload(true) to refresh the current page. It
works fine in IE but in FF it doesn't seem to work correctly. If I
view the page source, I see that it has been updated, but the display
isn't updated. What's going on?
I am trying to set a checkbox to true; but with no success, setting to false works. Here is the code;
$('#check:checked').attr('checked', false); // works great
$('#check:checked').attr('checked', true); // Does not work..
I also tried this
$('#check:checked').attr('checked', 'checked'); // also did not work
As a Sanity check i did this and it works fine .. document.getElementById("check").checked = true;
I dont present this information right, Im trying to make the most basic array, where if the objects in the array are found I need to return a true false statement. I cant get it to return a True Statement at all. Here is my code.
var GROUPTAGS =new Array("HOT","Hot","hot","H.O.T");
var TEST1 = "APB-HOT";
CHECK_FOR_TAGS_1 = TEST1;
for(var i in GROUPTAGS)
[Code]...
Got a timing issue with sending a URI string out to a server side script right before a client side form validation process returns true..The problem is that the return true gets called to quickly for the submission of the URI string to be completed.So my question is, might there be a way to mix a return and a setTimeout?
View 6 Replies View Relatedi am using the fightBoss() function to start run the main functions read the comment under[URL]when you get to the function useInventoryItemMS(item) the if statment gets stuck not sure if its before or after then but when it gets stuck theres a reload function purposly to stop the script from getting stuck but for some reason its not getting to the if statment to clear the queue to stop the reload and then do the next queue set in the if statement.
View 1 Replies View Relatedi have a select tag that has values 0 -5 what i want is to show a input field if the value is more than 0 below
[Code]...
I have a code where it checks the userID and email. If it is OK then a check mark image is displayed, however I cannot get it to work on my email input. All it get is OK
[Code]...
I have this little script working great when all if's are seperated. what i need is to have the script read if one of these fields has a value then result=true. as you see the script now i have this seperated in many different if's for all three text fields. I need to put all text fields like they were one,
[Code]....
Lets say I have this array:
a1 = [1,"2",new Array(2.5,3,3.5),4];
And I apply slice(0) on it, to create a copy:
a2 = a1.slice(0);
But this isn't a true copy. If I go a1[2][1] = 42, and then
alert(a2[2][1]) I will see 42 there too. I'm doubting, but I was
wondering if there is a general solution to this problem?
I just started to use jquery. What is the easy way to do this:
[Code]...
I have a question concerning :contains(). I use it in the following manner:
if($("div:contains('Built From')", $(itemProps)))
{
//Do stuff.
}
itemProps is DOM Element. It has a a div inside it which class is always something else however that div has either "Built From" or "Builds Into" as a text. Inside itemProps there is no other div with those words. I want to know which of those texts the div within itemProps contains. However this bit of code seems to always return true. Some goes for when I use the text "Builds Into". Even when the text is not in the div.
If "this" inside of a sortable "receive" function refers to the receiving object, How do I access the object to which the receive function belongs?
Example:
// Function that takes a JQ object and makes it sortable.
// We assign the "SortableRecieve" method to the receive event
MyObject.prototype.MakeSortable = function(JQOBJ){
JQOBJ.sortable({
receive: this.SortableRecieve
});}
MyObject.prototype.DoSomething = function(){
// Does something important
}
// The actual function that gets called when the receive event occurs
MyObject.prototype.SortableRecieve = function(event, ui){
// This function call won't work, because "this"
// doesn't point to the right thing!
this.DoSomething();
}
So how can I access the "True" this that refers to the object?
I found a similiare question I have - being answered in this thread:But not quite.Im using the following code:
<button link="http://google.com" title="Remove '.$larmanlaggning[$i][2].'"';
?>
onclick="$.prompt('Are you sure?',{buttons:[{title: 'Yes',value:true},{title:
[code].....