Codeigniter 3を使用して、リフレッシュページなしでアラートのjavascriptを閉じる

Question

javascriptとCodeigniter 3.04を使用して検証するフォームを作成します。ここに私のHTMLコードです

<form class="form-horizontal" method="POST" onsubmit="check()"> 
    //code 
</form> 

データベースに挿入する前に私の関数のJavaScriptで長さの文字をチェックします。ここに私の機能

function check(){ 
    var title = document.getElementById('txt_check').value.length; 
    if (title <= 50) { 
     alert("The title length less than 50 Character ");  
    } 
} 

アラートが表示されたら、[OK]をクリックすると、以前のフォームのデータはすべてクリアされますので、再度書き込む必要があります。 Codeigniter 2.00を使用すると、それは起こらないが、この新しいバージョンではすべてがリフレッシュされ、すべてのキャッシュがリセットされたと思う。あなたは私にこのページを "リフレッシュ"するのを手伝ってもらえますか？

$("#my-form").submit(function(e){ 
    e.preventDefault(); 

    var title = document.getElementById('txt_check').value.length; 
    if (title <= 50) { 
     alert("The title length less than 50 Character ");  
    } 
}); 

、フォームにIDを追加します：

おかげ

Answer 1

機能は使用したとおりに使用できますが、アラートのダイアログで送信されたフォームが停止していることを確認する必要があります。関数がfalseを返すのであれば、ブラウザは、フォームのみを送信しません

function check(){ 
    var title = document.getElementById('txt_check').value.length; 
    if (title <= 50) { 
     alert("The title length less than 50 Character ");  
     return false; 
    } 
    else{ 
     return true; 
    } 
} 

：

<form class="form-horizontal" method="POST" onsubmit="return check();"> 
    //code 
</form> 

を、関数の戻り何かを作る：

だから、関数が呼び出される前にreturnを挿入関数がtrueを返す場合は、フォームを送信します。
フォームが送信されない場合、値は消えません。

Answer 2

あなたは、フォームのコードのこの行を追加してみてくださいsubmitingされているすべての

<form id="my-form" class="form-horizontal" method="POST"> 

Answer 3

まず、そうではありませんCodeigniterに関連する問題。 フォームが送信されないようにする必要があります。 onSubmit="check()"を削除し、このコードをあなたのjavascriptファイルに追加してください。

$(".form-horizontal").submit(function(e){ 
    var title = $('#txt_check').val(); 
    if(title.length<=50){ 
     alert('Title length is short'); 
     e.preventDefault(); 
     return false; 
    } 
}); 

また、あなたがid="txt_check"ではなくクラスを使用していることを再確認してください。 idには#が使用されます。そして、点には.のドットが使用されます。