How to exclude read only fields using :input in jquery?

Question

thus far i've only been using some basic jquery selectors and functions. but i'm looking at this clear form function and i can't figure out how to add it so i can remove hidden inputs and readonly input from getting cleared.

can anybody help? thanks.

function clearForm(form) {
  // iterate over all of the inputs for the form
  // element that was passed in
  $(':input', form).each(function() {
 var type = this.type;
 var tag = this.tagName.toLowerCase(); // normalize case
 // it's ok to reset the value attr of text inputs,
 // password inputs, and textareas
 if (type == 'text' || type == 'password' || tag == 'textarea')
   this.value = "";
 // checkboxes and radios need to have their checked state cleared
 // but should *not* have their 'value' changed
 else if (type == 'checkbox' || type == 'radio')
   this.checked = false;
 // select elements need to have their 'selectedIndex' property set to -1
 // (this works for both single and multiple select elements)
 else if (tag == 'select')
   this.selectedIndex = -1;
  });
};

Gumbo · Accepted Answer · 2010-04-11 13:03:35Z

15

If the elements have a readonly attribute in their declaration, you can use jQuery’s :not() selector:

$(':input:not([readonly])', form)

Otherwise filter the read-only elements with something like this:

$(':input', form).each(function() {
    if (this.readOnly) return;
    // …
});

answered Apr 11, 2010 at 13:03

Gumbo

657k112 gold badges792 silver badges852 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

melaos Over a year ago

ya but how do you put that into the function?

melaos Over a year ago

sweet, that's exactly what i needed.

Omar Abou Ammar · Accepted Answer · 2011-06-26 14:08:45Z

1

<script type="text/javascript" language="JavaScript">
    jQuery(document).ready(function(){
        try {
            var t = jQuery("input[type=text]").not("[readonly]").focus(function(){
                jQuery(this).blur();
            });
            alert(t.length);
        }
        catch(error){
            alert("error :" + error);
        }
    });
</script>

edited Jun 26, 2011 at 14:08

answered Jun 26, 2011 at 13:27

Omar Abou Ammar

112 bronze badges

Collectives™ on Stack Overflow

How to exclude read only fields using :input in jquery?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related