CODEWITHSUNDEEP
javascriptjquerycodeigniter-3
Damian
Damian

Reputation: 69

Submit trigger does not work

I am trying to trigger a form submit after validation, but my trigger does not seem to work. Can anyone help?

Here is my form.

<form id="contactform" action="<?= base_url(); ?>" method="post">
<div class="column one-second">
    <input placeholder="Your name" type="text" name="name" id="name" size="40" aria-required="true" aria-invalid="false" />
</div>
<div class="column one">
    <input type="button" value="Send" id="submit" onClick="check_email();">
</div>

Here is my script.

<script type="text/javascript">

function check_email() {

    var name = $.trim($('#name').val());

    if (name == "") {
        error = true;
        errortext = "<p>Please enter a name.</p>";
    }

    if (error) {
        $('#error_text').html(errortext);
    } else {
        $('#contactform').trigger('submit');
    }
}

Upvotes: 1

Views: 69

Answers (2)

Esteban M.
Esteban M.

Reputation: 174

Another way to do it is setting onsubmit action in your form like this:

<form id="contactform" action="<?= base_url(); ?>" method="post" onsubmit="return check_email()">

And then in your javascript:

<script type="text/javascript">

function check_email() {

    var name = $.trim($('#name').val());

    if (name == "") {
        error = true;
        errortext = "<p>Please enter a name.</p>";
    }

    if (error) {
        $('#error_text').html(errortext);
        return false;
    } 

    return true;
}

Hope it helps.

Upvotes: 0

Akram Khan
Akram Khan

Reputation: 124

The button type=submit then form will be submit.

Upvotes: 1

Related Questions