Home/ Questions/Q 3852932
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T17:23:30+00:00

I have a form which has fields pre-filled with a default value, like this:

  • 0

I have a form which has fields pre-filled with a default value, like this:

<input type=text name=first value="First Name" class="unfilled" />

When the textbox is clicked, the class unfilled is removed from the textbox, and the textbox is made blank so the user can type in his/her own info.

The problem is that when the form is submitted, its getting submitted with these default values, which is messing up the server side validation. How can I do it so that when the form is submitted, all the fields which have a default value are made blank, so the server side validation would throw the error: ‘Please fill in this field’?

I’m trying the following code which isn’t working:

$("#myForm").submit(function()
        {
            $(".unfilled").val('');
        }
);

This does make the fields blank, but the server still receives them with their previous default values.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think you simply have a syntax error. You’re missing the closing parenthesis on your submit method.

    I just whipped this up and it works fine

    <!DOCTYPE html>
<html>
    <body>
        <?php
        var_dump($_POST);
        ?>
        <form action="test.php" method="post">
            <input type="text" name="first" value="First Name" class="unfilled">
            <input type="submit">
        </form>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript">
            jQuery(function($) {
                $('form').submit(function() {
                    $('.unfilled').val('');
                });
            });
        </script>
    </body>
</html>
    • 0