JQuery :: Any Way To Run Function Before Validation Takes Place?
Aug 14, 2009
We are using JQuery for one of our software projects, and it's a very nice library. It's making things far easier. We are also using the Validation plugin, which is working wonders for form validation.However there's one wrinkle that we have not been able to figure out.Is there any way to run a function before the validation takes place?We have help text displayed in some of our text inputs and text areas,which are cleared onFocus (and restored onBlur if the user has not entered anything). We would like to clear those help text before validation is run, so that we don't get any false validations based on the help text, rather than the actual value of the field, which is blank.
View 1 Replies
ADVERTISEMENT
Sep 28, 2010
My problem is that it takes ages to perform the element.focus() function. This is not a function I have written myself but is part of the Javascript language itself. There are probably a lot of reasons why this might be slow but I cannot find the right one. Let me describe my problem. We have a product which was created around 2004 and has been developed on since. The HTML and Javascript used for the product was based on a prototype which we then converted into a server based solution (we use Servlets/JSP).
Due to the nature of the prototype (and also the graphical layout) the major page consists of one huge HTML page which a lot of hidden DIV tags. These DIV tags are then toggled visible/invisible to make it look like we have a kind of tab functionality. We also do not load all tabs when we load the mail page, instead each tab is loaded into a hidden iframe and then with Javascript we grab the resulting HTML content and paste it into the main page, making that one tab visible while hiding all other tabs.
In one of these tabs we also do some more magic. The layout is as follows; we have sets of three columns each and then a lot of rows. Each set of three columns contains one text field per column. The last text field contains a percentage value and when edited, we check if the value is lower then before the edit and if it is, then we split the column, creating another set of three columns.
When we load the page the first time, there exists only one set of columns with the last column having the value 100. There can however easily be 100 rows as well. For the larger pages we can have (at load time) three columns which makes it 900 text fields. I do not know if this is much or not.So, with the above info, to my problem. First off, when I try to move the marker and click on a given field (so that the marker starts blinking on the selected field) it takes maybe 2-3 second (although not always, seems to be more the first time). If I then tab to the next field it goes very fast (like one would expect).When I try to edit a value (by simply adding or removing values) it again takes a very long time (the first time).
When I then try to tab, it takes ages (this happens always, not only the first time).My Javascript then. I have two events, onchange and onkeydown. onkeydown checks if a variable is set to true or not. If it is set to true, the method does nothing. If set to false it does a bunch of tests and sets the variable to true. onkeydown is what I think causes my first lag but the code is not really that advanced (no loops or anything). onchange does the same checks plus all the magic (with the split etc). One of the last things it does is try to set focus on the next text field and this goes extremely slow all the time.
We use IE8. We (sadly) have a lot of IE specific stuff so the site doesn't even work in Firefox. I have used IE8 Developer Tools and used the Profiler which basically gives a list of Javascript calls and their execution times. My own functions take basically zero time, but there are A LOT of calls to functions that are not named, or anonymous, according to the Profiler.
How do I find what the anonymous function calls are?Why is it the focus() function that takes time, can it (or is it) still some of our own Javascript that makes that function go slow, even though it is part of the Javascript language?Can it be the amount of elements on the page (900 text fields)? Is that much?Can it be IE8? Are there known issues with this?
View 1 Replies
View Related
Oct 29, 2011
I'm having a hard time getting my head round it again. I know it could be more efficient in jQuery, but I'd be happy just to get it working, with an extra variable, in straight js.The function takes an array and progressively hides each element at constant interval, in this case 50ms:
function hide_50(arrayA,visibility,current) {
if ( current == null ) current = 0;
var arrayB=(typeof arrayA == 'string')? arrayA.split(',') : arrayA;
[code]....
View 2 Replies
View Related
Jul 2, 2009
I am new to this discussion but hope you would post reply for my query and encourage me to keep in touch with this discussion. Well here is my problem. I have made an edit in place form in which we can add and remove the elements. I have used jquery.jeditable.mini.js and jquery.duplicate-remove.js plugins for edit in place and add and remove action. I have live() function to access the dynamically ganerated elements like this. $(".addressDiv span").live("mouseover", function(){
clickable function here...
[Code]...
View 1 Replies
View Related
Feb 15, 2011
I am trying to understand somecode. I don't think I am understanding everything correctly. Can someone confirm or add to my understanding?
Here is the code, below is my explanation:
- CODE 1 - is saying if the the class subnav_dd is called on an anchor tag on a li, then make the function in the if statement "live". (Live in a sense binds the function to the condition, but unlike bind it allows the condition to be used more then once. ) So if the class subnav_dd is the parent, and has a class of .dis then prevent anything below it from firing. CSS - If code 1 is true, then I will only get the first li to fire, the remaining ones will not.
- CODE 2 - This one is a little tricky. Function ToggleOptions takes 3 variables (target, array, state). The condition is if the div subnav + target have siblings, then check to see how many siblings are there. Put the amount of siblings into an array, then check the state of each sibling. I don't completely the rest of it.
I think if the div subnav is called and something is found in the array then the class dis is either added or removed. Then what? I don't understand why I still need the else that adds a class to #subnav_ +.target
View 1 Replies
View Related
Apr 13, 2010
Can we NOT place JQuery ready function in head section ? is it possible ? We put it into html body, and then use some function to scan ..
View 1 Replies
View Related
Nov 11, 2010
I am Having an account information page which needs to be validated,but the problem is i want each error message to appear under its respective input field. I had tried using errorPlacement but it is showing all error messages at one div id which i had assigned.Is there any way to display error messages under its respective text box(input field) ???
Need of Urgent help.
View 1 Replies
View Related
Jul 13, 2010
I have the following code that validates a credit card expiration date, from 2 separate select boxes as being valid. changing this to an addMethod for the validation plug in. I have one that works as validating input from a text input, but would like to understand this method when applied to values of select boxes. Code for change function
[Code]...
View 6 Replies
View Related
Aug 22, 2011
<script type="text/javascript">
/* <![CDATA[ */
function fillNewsInfo() {
if (newsRequest.readyState == 4 && newsRequest.status == 200) {
var news = newsRequest.responseXML;
[Code].....
View 4 Replies
View Related
Jan 19, 2011
Isn't it possible to place a text at a fixed place on a picture with javascript ?
The text will be AJAX updated...
View 5 Replies
View Related
May 20, 2009
I am hiding a login panel like:
$(document).ready(function() {
$("#login").css({marginTop: "-105px"});
});
But in IE 8 it takes very long to hide? I don't like to set it in CSS because if javascript is turned off people can still login as it is visible... is there anyway to make it faster ?
View 3 Replies
View Related
Jun 2, 2011
In our application we have used json data and we get json data from the server and on client side we display in grid. We have functionality of paging and filter. so on paging and filtering we process that json data and show to user. For filtering we are comparing each value to the filtered criteria and when json value is more thatn 35 kb it takes around 8-10 second to filter it. So is there any way that we can minimize the processing tiem.
View 1 Replies
View Related
Nov 24, 2009
Code:
function getCount1(){
sndReq("count&queue=1");
newCount1 = document.getElementById("count1").innerHTML;
if(count1 != newCount1){
[Code].....
I have no other animations on my page, yet "updateQueue1()" happens way before the animation...
View 2 Replies
View Related
Sep 16, 2009
jQuery using getJSON calls specific handler, lets say MyHandler.ashx $.getJSON(/MyHandler.ashx?param1=someVal, function(data) {
some code;
}
In Opera and Explorer this is executed immediately. In FireFox it takes over 1s before request is executed. Even when I set breakpoint in my handler it will be hit after 1s... could you tell me why it is so slow? I got latest version of firefox.
View 1 Replies
View Related
Jul 23, 2009
I use a Time Date Picker Javascript code [URL]. It works fine with a placement problem. When you click one of the last pair input fields on the page, a drop-down list will appear from the input field. In my case, the drop-down list shows on the bottom of a page instead. I can't find the code controls the location of the list.
View 1 Replies
View Related
Mar 24, 2006
I have a function I call to see if people leave form fields empty. I have been asked by a client to check to make sure of the person's date of birth as well. They gave me the script, however, I am unsure how to do implement it. How do I add this to my existing checks? Code:
View 2 Replies
View Related
Aug 25, 2010
I need to invoke a method when a field validation is either successful or unsuccessful. I have managed to get the function to run if the field validation fails by using the following:
$('#myform').validate({
rules: {
client_name: {
[code]....
But how do I invoke a method specific to a field that triggers when the field validates successfully? I need to invoke showBigGreenTick(fieldname) for the fields that are validOn another note, I find it very strange the the documentation is so poor regarding this validation. To even find out that there was a "messages" option for validate was found on another website.
View 2 Replies
View Related
Jun 23, 2011
How to use the IF ELSE condition inside the RUle function in Jquery Validation. I am using one form for some fields are require for option 1 and some fields are require for option 2. Example for the below code I need name and address for option one and name and url for option 2. How to use the IF/Else condition for this.
[Code]...
View 4 Replies
View Related
Jul 20, 2005
I have been trying to use the following:
document.getElementById('someId').setExpression('s omeExpression');
This works ok.
But in my actual implementation, I have over 20 different elements
which need to be positioned using this method. When I made the code, I
found that my CPU would be at 100% for even trival events such as
mouseover() and mouseout()
Am I doing something wrong?
View 1 Replies
View Related
Mar 6, 2006
I want to start out by entering an investment amount as well as an interest amount. Then I want to find out how many years it would take to become a millionaire, using each cycle through a looping statement as one year. What would be the best way to do this?
View 13 Replies
View Related
Feb 12, 2010
I encountered some code in "Javascript the good part" from Douglas Crockford.There is a way to passing callback function as second argument to string.replace() method.
Code:
var entity = {
quot: '"',
lt: '<',
[code]....
1. How do I know what the number of parameters should be in callback function ( function(a,b) ) ?
2. How do I know what will be passed in as a and b when I am defining the callback function?
View 2 Replies
View Related
Jan 2, 2011
I'm sure this question has been asked many times before, but I can't seem to get the correct terms to find the answer in Google.I understand basic JavaScript inheritance. However, everything I've read makes the inheritance work something like this:
Code JavaScript:
var ChildClass = new Function();
ChildClass.prototype = new ParentClass();
ChildClass.constructor = ChildClass;
That's fine, but what happens when ParentClass's constructor needs parameters?As an example, look at the following code:
Code JavaScript:
function Furniture(color){
this.color = color;[code)....
How could I "copy" Furniture's constructor into the Chair object? Better yet, how could I copy Furniture's constructor and then add some functionality to it?
View 9 Replies
View Related
Sep 15, 2009
ser is able to create queries and issue them. The query is sent to the web-app by means of an ajax call. Then, the server computes the result set and a small subset (100) of tuples are sent back to the client for visualization.
These thing works with queries that are simple and do not require to the database long computations. As soon as I try a more complex query (computation requires ~ 7secs), the answer returned to the client is empty.
I suspect that this is a problem of timing out the connection, is that possible?
(edit) I have almost forgot, I'm using Prototype as JS library
View 1 Replies
View Related
Jan 3, 2010
I'm trying to create a page that takes data and turns it into images - I'm starting very simply. For each row of text, I first:
if(j.match(/[a-z]+_\d+/)){
colorval='red';
} else {
colorval='blue';
}
then I add a sequence of numbers for positioning to an object called pixs (with a numerical index as well that may or may not be useful):
var xpos = startwidth+d_num;
var ypos= startheight+d_scroll;
pixs[num]= {};
pixs[num]['xpos']=xpos;
pixs[num]['ypos']=ypos;
pixs[num]['color']=colorval;
As I loop through my arrays of little pieces of data, all of this information is stocked into pixs - BUT then- I have to insert this information from pixs to a function, like:
$(container).fillRect(xpos,ypos, width, height, {color: color}) where width and height are each preset vars.
My challenges here are to 1) successfully loop through the pixs object. 2)Use jquery if possible (or if easier) to get these variable values into the function to evaluate. 3) Successfully '.fillRect' with each loop. 4) Use the append method (or something?! again, I am a n00b) to get all of these instances of fillRect onto the container in the html document (which appears to be set up and working with instances of fillRect not using variables as parameters)
View 12 Replies
View Related
Apr 24, 2010
I have a very large tree data structure and I want to display some of its sections on a HTML page. I wrote the following JavaScript that loads parts of the tree dynamically injecting the desired HTML code.
Code:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>[code]....
Each show_xxxxxxxx() function displays desired part of the tree on HTML.The problem is each time I load the HTML file it takes a lot of time to read the JavaScript (there are many show_xxxxxxxx() functions with a lot of HTML to insert).Is it possible to cache the loaded JavaScript into browser memory so it won't read the entire script when I reload the page with different content?
View 3 Replies
View Related
May 22, 2010
I heard that when we put javascript in website, then site takes time to open, is it correct ? If yes then which script is good for website.
View 1 Replies
View Related
