2016-05-12 6 views
1

検証後にフォーム送信をトリガしようとしていますが、トリガが機能していないようです。誰も助けることができますか?送信トリガが機能しません

私のフォームです。

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

答えて

1

ボタン型=、フォームが提出あろう提出。あなたのJavaScriptで

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

そして:

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

はそれが役に立てば幸いそれを行うには

+0

うわー!それは本当に簡単でした。ありがとうございました! – Damian

+0

それは簡単ではありません。フォームにエラーがあっても送信されます。 –

+0

これはtrueまたはfalseを返すことができますonclick = return functionname(); –

0

もう一つの方法は、次のようにフォームでのonSubmitアクションを設定しています。

関連する問題