Question

我试图在验证后触发表单提交，但我的触发器似乎不起作用。有人可以帮忙吗？

这是我的表格。

<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>

这是我的剧本。

<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');
    }
}

Answer 1

按钮类型=提交然后表单将被提交。

Answer 2

另一种方法是在表单中设置onsubmit动作，如下所示：

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

然后在你的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;
}

希望它有所帮助。

提交触发器不起作用

2 个答案: