Text field custom validation using jQuery

Question

Hi, I am new to jQuery.

I want a validation that works like this:

If a text field has a specific value, say "Robi", then on submit click event the text field will become empty but any value other than "Robi" will submit the data successfully.

Some suggestions please.

VisioN · Accepted Answer · 2012-07-02 18:50:43Z

1

$("form").on("submit", function() {
    return $.trim($("#myInputField").val(function(i, val) {
        return val == "Robi" ? "" : val;
    }).val()) != "";
});

DEMO: http://jsfiddle.net/2mR8b/

edited Jul 2, 2012 at 18:50

answered Jul 2, 2012 at 18:44

VisioN

146k35 gold badges287 silver badges291 bronze badges

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

3 Comments

user1496872 Over a year ago

how can i target a specific text field if i have more than one textfield

Kenny Bania Over a year ago

If you want to target a specific text field I think you would use $('#id_of_textfield') instead of $(":text")

VisioN Over a year ago

@user1496872 as Kenny mentioned, use IDs and make selection with hash # symbol. You can try the DEMO in the updated answer.

Dexter Huinda · Accepted Answer · 2012-07-02 18:52:43Z

1

HTML:

<form id="myform">
<input type="text" id="txtfield" value="" />
</form>

JS:

$(document).ready(function() {

   $('#myform').submit(function() {
      if ($('#txtfield').val() == "Robi") { $('txtfield').val(''); return false; }
   });

});

answered Jul 2, 2012 at 18:52

Dexter Huinda

1,2221 gold badge7 silver badges9 bronze badges

Comments

Adil Shaikh · Accepted Answer · 2013-05-09 06:02:38Z

1

HTML:

<form>
  <input type='text' id='name' />
</form>

Script:

  $("form").on("submit", function() {
       var name = $("#name").val();
       if(name == "Robi"){
           $("#name").val("");
           return false;
        }
       else{
            // continue to submit
        }
    });

edited May 9, 2013 at 6:02

answered Jul 2, 2012 at 18:51

Adil Shaikh

44.8k17 gold badges95 silver badges112 bronze badges

Collectives™ on Stack Overflow

Text field custom validation using jQuery

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related