I know this must be pretty basic but I can't get it to work. I've written validation for a text field- it should have no periods in it. I want to reset the value of the field then give the field focus, if it has a period. Here is my code:
Quote:
function checkTitle(field) {
var titleFilter=/./;
if (field.value.match(titleFilter)) {
alert("Please enter your title without periods.");
field.value=''
field.focus();
return false;
}
else {
alert("good");
}
}
I call it from onChange. It resets the value but the focus goes to the next field (or stays there I guess.) Is there a way to set the focus on the same field?
PS I should mention, this form has disabled the "Enter" key and I can't change that behavior. I've been tbbing between fields, and it is when I tab that I am experiencing the problem.
I have a website which uses several forms to input data, each form contains fields for the user to complete and at the end of the each form the user has the option to proceed or go back.The problem is, on form1 there is a drop down box which determines the content of subsequent forms but when a user partially completes form2 but then goes back to form1 and changes the drop down box selection, the onchange function reloads the subsequent forms but it does not clear the previous form2 values so an error is generated because those inputs are not required with the change made to the drop down box. I have tried setting the ids to zero using getelementbyid on form1 but it does not seem to work presumably because the ids are on form2 not form1?
I would appreciate any help I can get about setting focus back to a textbox after my javascript validates that the input by a user into the textbox is incorrect. You can see my attempt at this towards the end of the javascript with - dateStr.Edate.focus(); I know the dateStr part is incorrect but not sure what other variable to use. Plus I am guessing I need to put the statement right before each false statement since there are different errors that can occur by the user. Additionally, I have two textboxes that I want the same javascript to validate. How does this affect setting focus to the appropriate textbox after an incorrect input. I am new to javascript so I hope my question makes sense. Thanks.
<HTML> <HEAD> <TITLE>Life Connection Program Survey</TITLE> <SCRIPT LANGUAGE="JavaScript"> function isValidDate(dateStr) { // Checks for the following valid date format: // MM/DD/YYYY [Code]...
Am I right in assuming that you can NOT set focus() back to a field in its onChange event? Is there another way - I have validation that I would like to set the focus back to the invalid field onChange?
My script is designed to show a simple question and the user submits the answer using onchange via the tab key. If the answer is correct the next question appears and so on. But if it's wrong there's an alert and the user stays at that question and has another go to enter a correct answer to move on. It works well as long as user gets answer right. If they enter a wrong answer I'd like that answer box to clear and be focussed (ie cursor in place). Problem is, using the tab key has already sent the cursor off to highlight the address bar! I can get it to work if each answer box has a submit button and I use onclick but I really want to change the submit function to a keystroke, pref TAB.
Code: <HTML><HEAD> <SCRIPT language=javascript type=text/javascript> function thetests(){ document.theform.prob1.focus(); } [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('')
Is there something that will update as soon as the user changes information in a textbox as appose to what onChange does, which is update once the focus has been taken off of the textbox? I am writing a custom cart and I am using AJAX to update the price according to how many they are ordering, I was hoping to have it update the price as soon as the user put in the volume, but it doesnt update until the user clicks somewhere else on the page.
I'm currently making a web application which needs to be fully compatible with iPad. The functions I've implemented so far work perfectly on Firefox, Internet Explorer and other browsers. However, the iPad itself responds a bit different. After a certain action, I want to put focus on a textfield with the help of Javascript. Again, this works perfectly with the normal browser, the iPad browser however seems to be blocking the focus. The reason I'm not posting any code is because it's basically irrelevant. All I do is:
Is there a reason why setting focus to a textbox input, also gives focus to a submit button on the page, to where if you click enter in the text box, the submit button will be clicked.
The default behaviour of focus() method is displaying the cursor at start of the char(In FF focusOffset is 0(zero) and anchorOffset is 0(zero)). I need to display the focus at end of char after calling focus() method.
I think the problem is cause by my lack of understanding of how the browser (firefox 3.6.3) handles focus.A simplified version of my problem is:I've defined the function
function two_focus() { document.getElementById("two").blur();
Is there a way to set the focus on a form field without using focus()? I use ajax to build the form and if I try to set the focus using focus() an error is generate because of the form hasn't been built by ajax. So, it would be nice if I could set the focus() as I built the form.
Is there any way to tell the difference between when this anchor is focused by a user (perhaps by tabbing to it) as opposed to when I programatically do it via anchor_node.focus()?
What I need is a Javascript function which resets the myselect-field to it's inital value3. It may have been changed by the user to let's say value4.
Setting the selectedIndex=0 will not work as it will select the first (value1) option instead of value3. Same thing with selectedIndex=-1 which will select nothing.
I have a pop-up menu; one of those where you scroll over the menu, and a submenu pops up beneath it. Everything's running smoothly on every browser I've tested with, except for one problem on every browser: the "clearing" of the menu.
The menu itself is being called by: onMouseOver="menu(1)" onMouseOut="clearIt()"
function menu(x) let's "x" refer to a predefined array, which determines which menu to pop up. That menu is stored in a variable, showMenu. If x==0, then it changes showMenu to a whitespace, thus "clearing" the submenu altogether.
clearIt() is a simple function, pasted here: function clearIt() { setTimeout("menu(Ɔ')", 7000) }
The idea is that the menu will disappear after 7 seconds. The problem I'm having, though, is that the 7 seconds starts after the first onMouseOut, and doesn't restart when the visitor mouses over the second button. So, if I look at the first submenu for 6 seconds, then when I go to the second button the menu only stays open for 1 second, instead of starting the timer over.
I have a very simple need - I need javascript code to reset a DIV that the user may have scrolled down. It doesn't need to smoothly scroll or anything - just jump right to the top.
I have made a rest button to reset select forms to there top value using this:
Is there a way to make so instead of having "value = 6;" it would just reset to the option with the smallest value? it will be used on multiple pages were the same name select will have different values on the options
2. How to make the "function getKeyValue_h(chr)" work without the submit button? (on pasting in textarea it should automatically give the calculated result in the textbox.)
this time, I compare the image width with the offsetWidth, however, I found the code above didn't work no matter how small offsetWidh is made.
BTW, I would like to make the width of image fit the current width of the document, only HTML works fine under IE
<img src='s.jpg' width="100%" LEFTMARGIN=10>
But when applying the above code to the image of small size, it always try to strech the image ,which will then look very bad.
I am trying to apply the code on condiiton: when the width of image is smaller than a given value, do nothing; otherwise add "width=100% LEFTMARGIN=10". Here is the javascript I tried
