Jquery if input is empty add value and submit

Question

I have had a hunt but can't get this to work. If an input on a form is empty, it needs to have a value added to it, and then be submitted, if it already has a value, then it is submitted with that value.

Code so far

    <form name="form1" action="http://csster.com/generate.php" method="post" id="formit">
Name: <input name="name" type="text" /><br/>
Mothers Name: <input id="desti" name="mname" type="text" /><br/>
Fathers Name: <input name="fname" type="text" /><br/>
<input name="submit" type="submit" value="Submit" />
</form>


    $("#formit").submit(function(){
        if($("#desti:empty").text('Australia'));
});

Check the fiddle

EDIT - Is it possible to make it so the added value is not visible before submitting, it may confuse people on the particular form.

Zaheer Ahmed · Accepted Answer · 2012-12-17 18:25:26Z

5

try this:

$("#formit").submit(function(){
     if ( $("#desti").val().length === 0 ) 
            $("#desti").val('Australia');
 });

Here is JSFiddle

answered Dec 17, 2012 at 18:25

Zaheer Ahmed

28.7k12 gold badges77 silver badges113 bronze badges

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

1 Comment

Nik Over a year ago

Cheers it always makes sense when you see it ;)

Ram · Accepted Answer · 2012-12-17 18:44:15Z

4

You should use val method for form elements.

$("#formit").submit(function(){
    $("#desti").val(function(i, v){
        return $.trim(v) === '' ? 'Australia' : v;
    })
});

$("#formit").submit(function(){
    var $e = $("#desti");
    if ($e.val() === '') $e.val('Australia').addClass('aClass')
});

edited Dec 17, 2012 at 18:44

answered Dec 17, 2012 at 18:27

Ram

145k16 gold badges174 silver badges201 bronze badges

5 Comments

Nik Over a year ago

Please see my edit, is possible to make it not visible before submitting?

Ram Over a year ago

@Nik No, maybe you can hide the input, if you want to have a default value for the input, why no doing this on server-side?

Nik Over a year ago

I don't have access to the server, only client side :/ Could I just add a class to the input if it's empty that makes the text white?

Ram Over a year ago

@Nik Yes, you can change the color to white, or add a text-indent property.

Nik Over a year ago

that adds the class if it's not empty as well

Cam · Accepted Answer · 2012-12-17 18:29:04Z

2

you can get the input value with val() and set with val()

$("#formit").submit(function(){
    if($("#desti").val() === '')$("#desti").val('Oz')  
});

answered Dec 17, 2012 at 18:29

Cam

9801 gold badge13 silver badges29 bronze badges

Comments

FLF · Accepted Answer · 2012-12-17 18:32:39Z

0

try this

$("#formit").submit(function(){

if ($('#desti').is(":empty")) { $('#desti').val('Australia'); } });

answered Dec 17, 2012 at 18:32

FLF

1571 silver badge11 bronze badges

Collectives™ on Stack Overflow

Jquery if input is empty add value and submit

4 Answers 4

1 Comment

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related