jQuery matching pattern

Question

I'm trying to validate my inputs with jQuery before a form is sent.

This is what my input fields look like when there is no value inserted in the database:

    <input
      class="field"
      type="text"
      style="background-color: rgb(255, 255, 255);"
      value="" name="input_18748_388_1257894000_"/>

This is what my input fields look like when there is an existing value inserted in the database:

    <input
      class="field"
      type="text"
      style="background-color: rgb(255, 255, 255);"
      value=""
      name="input_18748_388_1257894000_46549876"/>

I would like to:

Check if the value is already in the database
Check if the user want to replace an existing value by nothing or zero and disallow it.
Check if the user is trying to insert 0 in a new field and disallow it.

Solved:

  $("input[name^='input_"+var+"_']")
                .each(function() {
                    if ($(this).attr('name').match(/^input_\d+_\d+_\d+_\d+/)
                        && ($(this).val() == '' || $(this).val() <= 0))
                    {
                        displayDialog("<?=_('error')?>")
                        flag_error = 1;
                        return false;
                    }
            });
    // Submit the form.

K Prime · Accepted Answer · 2009-12-17 10:48:42Z

2

Try this:

$('input[name]')
    .filter (function () { 
        return $(this).attr('name').match (/^input_\d+_\d+_\d+_.+/$); 
    })
    .each (function () {
        if ($(this).val() <= 0) {
            //... raise a fuss ...
        }
    });

This needs to be called on submit or change as you prefer.

answered Dec 17, 2009 at 10:48

K Prime

5,8791 gold badge28 silver badges19 bronze badges

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

Comments

David Hellsing · Accepted Answer · 2009-12-17 10:50:56Z

1

You need to bind a keydown event and check keycodes. This example will disable space and the 0 char in input fields with the name attribute ending with '_':

$('input[name$=_]').bind('keydown', function(e) {
    var key = e.keyCode || e.which;
    if (key == 48 || key == 32) {
        e.preventDefault();
    }
})

answered Dec 17, 2009 at 10:50

David Hellsing

109k44 gold badges181 silver badges214 bronze badges

Comments

Roch · Accepted Answer · 2009-12-17 11:49:21Z

1

 $("input[name^='input_"+var+"_']")
                .each(function() {
                    if ($(this).attr('name').match(/^input_\d+_\d+_\d+_\d+/)
                        && ($(this).val() == '' || $(this).val() <= 0))
                    {
                        displayDialog("<?=_('error')?>")
                        flag_error = 1;
                        return false;
                    }
                });

answered Dec 17, 2009 at 11:49

Roch

22.1k29 gold badges80 silver badges123 bronze badges

Comments

Kobi · Accepted Answer · 2009-12-17 11:05:02Z

0

You may benefit the Regex Selector for jQuery Plugin. It allows code like:

$('div:regex(input,^input_(\d+|)+_?$)'); //just an example regex

Also, note that you can combine multiple attribute selectors, ie:

$("input[name^='input_'][name$='_']")

answered Dec 17, 2009 at 11:05

Kobi

139k41 gold badges259 silver badges302 bronze badges

Comments

Peter Mortensen · Accepted Answer · 2009-12-17 12:23:42Z

0

Add a class "my_very_special_input" to every input element you would like to validate that way:

$(".my_very_special_input").change( function() {
                            if ($(this).val() <= 0) {
                                    alert('You cant delete this');
                                    flag_error = 1;
                                    return false;
                              }
                    });

edited Dec 17, 2009 at 12:23

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Dec 17, 2009 at 10:44

antpaw

16.1k11 gold badges63 silver badges94 bronze badges

2 Comments

Roch Over a year ago

Thats a good way to do it but unfortunately, I need to check if the name field is ending by '' or by '_46549876' in order to know if there is already something for this field in the db. I could also match them all with $("input[name^='input"+var+"_']")

antpaw Over a year ago

i think you are confusing the name and the value attr, the normal user cant change the value of the name attr. and thats why you can decide the add the class

Collectives™ on Stack Overflow

jQuery matching pattern

5 Answers 5

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related