how to validate fields in mozilla Firfox its working in IE but not working in FireFox

[shyamg]

hi all,

This javascript is working IE but not working in FIreFox, validating text fields.

var dealerid = new keybEdit('abcdefghijklmnopqurstuvwxyz01234567890 ','Alpha-numeric input only.');
var dealinit = new keybEdit('abcdefghijklmnopqurstuvwxyz01234567890 ','Alpha-numeric input only.');
var dealername = new keybEdit('abcdefghijklmnopqurstuvwxyz ','Alphabets input only.');
var rank = new keybEdit('01234567890','Numeric input only.');

void function setEvents() {
document.getElementById(dealerid)onkeypress = new Function('editKeyBoard(this,dealerid)');
document.all.dealinit.onkeypress = new Function('editKeyBoard(this,dealinit)');
document.all.dealername.onkeypress = new Function('editKeyBoard(this,dealername)');
document.all.rank.onkeypress = new Function('editKeyBoard(this,rank)');

}

function keybEdit(strValid, strMsg) {
    var reWork = new RegExp('[a-z]','gi');      //    Regular expression\
    //    Properties
    if(reWork.test(strValid))
        this.valid = strValid.toLowerCase() + strValid.toUpperCase();
    else
        this.valid = strValid;
    if((strMsg == null) || (typeof(strMsg) == 'undefined'))
        this.message = '';
    else
        this.message = strMsg;
 
     //    Methods
        this.getValid = keybEditGetValid;
          this.getMessage = keybEditGetMessage;
 
        function keybEditGetValid() {
            return this.valid.toString();
        }
        function keybEditGetMessage() {
            return this.message;
        }
}
 
 void function editKeyBoard(objForm, objKeyb) {
    strWork = objKeyb.getValid();
    strMsg = '';                            // Error message
    blnValidChar = false;                    // Valid character flag
 
    // Part 1: Validate input
    if(!blnValidChar)
      for(i=0;i < strWork.length;i++)
          if(window.event.keyCode == strWork.charCodeAt(i)) {
               blnValidChar = true;
               break;
            }
 
    // Part 2: Build error message
    if(!blnValidChar) {
       if(objKeyb.getMessage().toString().length != 0)
          //alert('Error: ' + objKeyb.getMessage());
            alert(objKeyb.getMessage());
          window.event.returnValue = false;        // Clear invalid character
          objForm.focus();                        // Set focus
          }
 }
 

[gits]

hi,

document.all is IE specific, and other browsers like opera, konqueror, safari support it too ... but FF/Mozilla doesn't. the standards-compliant way is to use regular dom-methods for that purpose:

// get a reference to your desired document-node
var node = document.getElementById('node_id');
 
// to set an attribute
node.setAttribute('attr_name', 'attr_value');
 
// to set a property
node.property_name = 'property_value';
 

kind regards ...

[shyamg]

hi all,


IE the function is working but FF the function is not working how to call the function in FF.

this is my script.

 
   var dealerid = new keybEdit('abcdefghijklmnopqurstuvwxyz01234567890 ','Alpha-numeric input only.');
            var dealinit = new keybEdit('abcdefghijklmnopqurstuvwxyz01234567890 ','Alpha-numeric input only.');
            var dealername = new keybEdit('abcdefghijklmnopqurstuvwxyz ','Alphabets input only.');
            var rank = new keybEdit('01234567890','Numeric input only.');
 
 
 
            function keybEdit(strValid, strMsg) {
    var reWork = new RegExp('[a-z]','gi');      //    Regular expression\
    //    Properties
    if(reWork.test(strValid))
        this.valid = strValid.toLowerCase() + strValid.toUpperCase();
    else
        this.valid = strValid;
    if((strMsg == null) || (typeof(strMsg) == 'undefined'))
        this.message = '';
    else
        this.message = strMsg;
 
     //    Methods
        this.getValid = keybEditGetValid;
          this.getMessage = keybEditGetMessage;
 
        function keybEditGetValid() {
            return this.valid.toString();
        }
        function keybEditGetMessage() {
            return this.message;
        }
}
 
 void function editKeyBoard(objForm, objKeyb) {
    strWork = objKeyb.getValid();
    strMsg = '';                            // Error message
    blnValidChar = false;                    // Valid character flag
 
    // Part 1: Validate input
    if(!blnValidChar)
      for(i=0;i < strWork.length;i++)
          if(window.event.keyCode == strWork.charCodeAt(i)) {
               blnValidChar = true;
               break;
            }
 
    // Part 2: Build error message
    if(!blnValidChar) {
       if(objKeyb.getMessage().toString().length != 0)
          //alert('Error: ' + objKeyb.getMessage());
            alert(objKeyb.getMessage());
          window.event.returnValue = false;        // Clear invalid character
          objForm.focus();                        // Set focus
          }
 }
 
 
 
            void function setEvents() {
 
            document.getElementById(dealerid)= new Function('editKeyBoard(this,dealerid)');           
            document.all.dealinit.onkeypress = new Function('editKeyBoard(this,dealinit)');
            document.all.dealername.onkeypress = new Function('editKeyBoard(this,dealername)');
            document.all.rank.onkeypress = new Function('editKeyBoard(this,rank)');
 
            }
 
 

this is also not working ,


how to validate fields.


Thanks.

ss.

[acoder]

You're still using document.all. Change that to document.getElementById. You should probably see errors in the Javascript console.