Hi all,
I have a web form that is generated on the fly. I need to insert some javascript into the form to do validation on the contents of each text box when the text box loses focus. here is what I have - <SCRIPT language=JavaScript>
-
<!-- Begin
-
function filterNum(obj) {
-
re = /^$|!|$|<|>|"|'|%|,|&|%|;/g;
-
// remove spcial charcters
-
obj.value = obj.value.replace(re, "");
-
}
-
// End -->
-
-
var oldonload = window.onload
-
if (typeof window.onload != 'function') {
-
window.onload = mtc1006(document.ctl01);
-
} else {
-
window.onload = function() {
-
if (oldonload) {
-
oldonload();
-
}
-
mtc1006(document.ctl01);
-
};
-
}
-
-
function mtc1006(obj)
-
{
-
var children = obj.childNodes;
-
for (var i=0; i<children.length; i++) {
-
children[i].onBlur = filterNum(children[i]);
-
mtc1006(children[i]);
-
}
-
}
-
</SCRIPT>
-
However, this doesn't work. Am I using the wrong syntax when setting the onBlur?
7  2738  gits 5,390
Recognized Expert Moderator Expert
hi ...
you need to 'closure' the incremented values: -
for (var i = 0; i < children.length; i++) {
-
children[i].onBlur = function(node) {
-
return filterNum(node);
-
}(children[i]);
-
-
mtc1006(children[i]);
-
}
-
kind regards
sorry to be a pest, here is the code i have now: -
<SCRIPT language=JavaScript>
-
<!-- Begin
-
function filterNum(obj) {
-
re = /^$|!|$|<|>|"|'|%|,|&|%|;/g;
-
// remove spcial charcters
-
obj.value = obj.value.replace(re, "");
-
}
-
// End -->
-
-
var oldonload = window.onload
-
if (typeof window.onload != 'function') {
-
window.onload = mtc1006(document.ctl01);
-
} else {
-
window.onload = function() {
-
if (oldonload) {
-
oldonload();
-
}
-
mtc1006(document.ctl01);
-
};
-
}
-
-
function mtc1006(obj)
-
{
-
var children = obj.childNodes;
-
for (var i=0; i<children.length; i++) {
-
children[i].onBlur = function(node) {
-
return filterNum(node);
-
}(children[i]);
-
-
mtc1006(children[i]);
-
}
-
}
-
</SCRIPT>
this still does not work. Do I need to change the way filterNum works? should that just take the string value to validate, and handle the setting of the textbox.value in the onBlur function? I'm not sure how I would do that. Any help would be greatly appreciated.
gits 5,390
Recognized Expert Moderator Expert
When I run it in Firefox it does not generate any errors. However, in IE I get a "not implemented" error for the line :
window.onload = mtc1006(document.forms['ctl01']);
here is the full form I am testing, i added an additional condition to the loop to only adjust the onBlur property for "Input" tags: - <HTML><BODY>
-
-
<form name="ctl01" method="post" id="ctl01">
-
<table class="text" border="0" cellpadding="3" cellspacing="1" width="600">
-
<tbody>
-
<tr bgcolor="#eeeeee">
-
<td colspan="2" width="760"><strong><font face="Arial, Helvetica, sans-serif"><span class="style1 star style5">*</span><span class="style5"> </span></font></strong><strong><font face="Arial, Helvetica, sans-serif"><span class="style5"><font size="-2">denotes required field</font></span></font></strong></td></tr>
-
-
<tr bgcolor="#dddddd">
-
<td><strong><font face="Arial, Helvetica, sans-serif">* First Name</font></strong></td>
-
<td nowrap="nowrap"><font face="Arial, Helvetica, sans-serif"><table cellspacing="0" cellpadding="0" border="0" style="border-style:None;border-collapse:collapse;">
-
<tr valign="top">
-
<td align="left"><input name="FirstName" type="text" id="FirstName" IsRequired="True" style="" /></td>
-
</tr>
-
</table></font></td></tr>
-
<tr bgcolor="#eeeeee">
-
<td><strong><font face="Arial, Helvetica, sans-serif"><span class="style5">* Last Name</span></font></strong></td>
-
<td><font face="Arial, Helvetica, sans-serif"><table cellspacing="0" cellpadding="0" border="0" style="border-style:None;border-collapse:collapse;">
-
<tr valign="top">
-
-
<td align="left"><input name="LastName" type="text" id="LastName" IsRequired="True" style="" /></td>
-
</tr>
-
</table></font></td></tr>
-
<tr bgcolor="#dddddd">
-
<td><strong><font face="Arial, Helvetica, sans-serif"><span class="style1 star style5">Email</span></font></strong></td>
-
<td><font face="Arial, Helvetica, sans-serif"></font><br><table cellspacing="0" cellpadding="0" border="0" style="border-style:None;border-collapse:collapse;">
-
<tr valign="top">
-
<td align="left"><input name="EmailAddress" type="text" id="EmailAddress" IsRequired="False" style="" /></td>
-
</tr>
-
</table> </td></tr>
-
-
<tr bgcolor="#eeeeee">
-
<td><strong><font face="Arial, Helvetica, sans-serif"><span class="style1 star style5">Company</span></font></strong></td>
-
<td><font face="Arial, Helvetica, sans-serif"><table cellspacing="0" cellpadding="0" border="0" style="border-style:None;border-collapse:collapse;">
-
<tr valign="top">
-
<td align="left"><input name="Company" type="text" id="Company" IsRequired="False" style="" /></td>
-
</tr>
-
</table></font></td></tr>
-
<tr bgcolor="#eeeeee">
-
<td><strong><font face="Arial, Helvetica, sans-serif"><span class="style1 star style5">Phone</span></font></strong></td>
-
<td><table cellspacing="0" cellpadding="0" border="0" style="border-style:None;border-collapse:collapse;">
-
<tr valign="top">
-
<td align="left"><input name="WorkPhone" type="text" id="WorkPhone" IsRequired="False" style="" /></td>
-
</tr>
-
</table> <br></td></tr>
-
<tr bgcolor="#eeeeee">
-
<td><strong><font face="Arial, Helvetica, sans-serif"><span class="style1 star style5">Integer</span></font></strong></td>
-
-
<td><table cellspacing="0" cellpadding="0" border="0" style="border-style:None;border-collapse:collapse;">
-
<tr valign="middle">
-
<td align="right"><span style="">inttest: </span></td><td align="left"><input name="inttest__c" type="text" id="inttest__c" IsRequired="False" /></td>
-
</tr>
-
</table><br></td></tr>
-
<tr>
-
<td colspan="2"> <input type="submit" name="mtcSubmit" value="Submit" id="mtcSubmit" style="" /> </td></tr>
-
<tr>
-
<td colspan="2"> </td></tr></tbody></table>
-
</form>
-
<script type="text/javascript">
-
-
var oldonload = window.onload
-
if (typeof window.onload != 'function') {
-
window.onload = mtc1006(document.forms['ctl01']);
-
} else {
-
window.onload = function() {
-
if (oldonload) {
-
oldonload();
-
}
-
mtc1006(document.forms['ctl01']);
-
};
-
}
-
-
function mtc1006(obj)
-
{
-
var children = obj.childNodes;
-
for (var i=0; i<children.length; i++) {
-
if (children[i].tagName == 'INPUT') {
-
children[i].onBlur = function(node) {
-
return filterNum(node);
-
}(children[i]);
-
}
-
-
mtc1006(children[i]);
-
}
-
}
-
-
function filterNum(obj) {
-
re = /^$|!|$|<|>|"|'|%|,|&|%|;/g;
-
// remove spcial charcters
-
obj.value = obj.value.replace(re, "");
-
}
-
</script>
-
</BODY></HTML>
gits 5,390
Recognized Expert Moderator Expert
aaargh ... write the onBlur as onblur please ... is the handler-function called then?
unfortunately not, I also tried children[i].onblur = new function(node)
that also did not work. :(
gits 5,390
Recognized Expert Moderator Expert
damned ... its too late today :) ... the following lines will do the job: - children[i].onblur = function(node) {
-
return function() { filterNum(node); };
-
}(children[i]);
-
kind regards
Sign in to post your reply or Sign up for a free account.
Similar topics | |
by: Andrew Thompson |
last post by:
Is it possible to set the onBlur of
a link or other focusable element
programmatically?
A search of the archive showed plenty of
examples of setting the onBlur() for each
link or form element...
|
by: Robert Oschler |
last post by:
I have a textarea element that I have created an onblur() handler for.
In the onblur() handler, I check to make sure that they have saved the
contents of the edit box, before leaving it.
If...
|
by: ofirpicazo |
last post by:
Hi, my problem is that IE doesn't seem to do what it's supposed to, so
I hope u guys can give me a hand.
The code below is supposed to make text editable whenever it's clicked,
and it works, the...
|
by: Dixie |
last post by:
Can I set the Format property in a date/time field in code?
Can I set the Input Mask in a date/time field in code?
Can I set the Format of a Yes/No field to Checkbox in code?
I am working on...
|
by: Jeffrey |
last post by:
Hello
I have several textboxes in a datagrid footer. When the user inputs
something first textbox, the values of the other textboxes are updated.
Basically I want the "onBlur" functionality of...
| | |
by: James Cooke |
last post by:
I want to set body attributes programmatically, from the module file:
I can go into the .aspx file and say <body onload="myFunc()"> but I don't
want to.
Like you do with a textbox control:
...
|
by: neil S via DotNetMonster.com |
last post by:
I have a custom control with a textbox and dropdown list. The dropdown
list is hidden and acts as a data source for the textbox. When the user
enters text in the textbox, an onKeyup event is...
|
by: RKT |
last post by:
I have a DataGridView bound to an MS Access table. This is a single-
user application. When the User is adding or editing a row, the User
may click on a Control elsewhere. That Control has context...
|
by: rubenhan |
last post by:
Hey, guys.
My basic idea is this. When I write "1" in the pre-existing text field and onblur, I want to add a new field with a set of attributes, which turned out to be the same as the pre...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
| | |
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome a new...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...
| | |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...
| |
