Find All the controls in a form using jQuery or javascript - Stack Overflow

admin管理员组

文章数量:1340299

I am a starter in jQuery . How to find all the controls in a form using jQuery?

I know the code is like this

function submitValidator(){
   $("form :input").each(function(){ });

I want to access their Id's and need to apply regular expressions

Some of the text boxes are numeric remaining will be alphanumeric. Is there any method to sort them to apply regular expressions?

I am a starter in jQuery . How to find all the controls in a form using jQuery?

I know the code is like this

function submitValidator(){
   $("form :input").each(function(){ });

I want to access their Id's and need to apply regular expressions

Some of the text boxes are numeric remaining will be alphanumeric. Is there any method to sort them to apply regular expressions?

• javascript
• jquery

Share Improve this question Follow edited Jul 25, 2013 at 13:26 user229044♦ 240k4141 gold badges344344 silver badges346346 bronze badges asked Jul 25, 2013 at 12:42 rosa mandezrosa mandez 20111 gold badge22 silver badges77 bronze badges 3

• 1 what do you want to do with the regular expressions? do you want to select only certain ids or...? – pythonian29033 Commented Jul 25, 2013 at 12:45
• what do you want to do with the regex – Arun P Johny Commented Jul 25, 2013 at 12:49
• @ArunPJohny you know for text box and text area i have to check whether it is numeric or alphanumeric. – rosa mandez Commented Jul 25, 2013 at 12:57

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 6

You can add a new property data-charSet in HTML

<input type="text" id='amt' data-charSet='numeric'>

add which all controlles you want to add after the "form :"

function submitValidator(){
                   $("form :text, textarea").each(function(){         
                        var NumericOnly = "^[0-9]*$";
                        var svId = $(this).attr('id');
            if($(this).attr('data-charSet') == 'numericonly')
                    {
                         if(!$(this).val().match(NumericOnly)) { 
                            alert("numeric");
                            eval("$('#" + svId +"').focus();")
                            return false;
                            }
                    }
                    });
            }

It's jQuery, not j-query. Anyway...

You can do it like this:

$("form :input").each(function (index, element) { 
    var id = $(this).attr("id"); // returns the object ID
    var value = $(this).val(); // returns the object value
    // etc
});

use

function submitValidator() { 
   $("form :input").each(function(){ 
       var id = $(this).attr('id'); // here you got id
   });
} // here missed brace

you need not to get Id if you can get object

function submitValidator() { 
   $("form :input ,form textarea").each(function(){ 
    $(this).yourfunction();
   });
}

:input will only give you tags with input, textarea will be missed so need to add that as well

I think you want to do something like this:

$("form").find("input").each(function(){ 
   var currentElementsId = $(this).attr("id");
   if(currentElementsId.match(/^regex/)){
      //do something
   }
});

if you want to get more than only input elements inside the form tag, you can put multiple selectors in the find() function like this; find("input,select,textarea,.className,[type='valueOfAttributeType']") and obviously any other selectors

本文标签： Find All the controls in a form using jQuery or javascriptStack Overflow