2016-05-20 4 views
0

フォーム検証を実装しました。送信ボタンをクリックすると、ページ全体がリフレッシュされます。type = "submit"を使用せずにformvalidationで複数のボタンを使用する方法

しかし、私の仕事はフォームを提出し、そのページにのみ滞在することです。

ここに以下のコードがありますので、それを達成する方法を教えてください。

enter code here 
\\ Formvalidation code 
    } 
}).on('success.form.fv', function (e) { 

    //e.preventDefault(); 
    //fv = $(e.target).data('formValidation'); // FormValidation instance\ 

    //fv.disableSubmitButtons(false); 

    //InternaryTicketInvoiceSave(); 

    var $form = $(e.target), 
    $button = $form.data('formValidation').getSubmitButton(), 
    $statusField = $form.find('[name="status"]'); 

    switch ($button.attr('id')) { 

     case 'btnTicketSave': 
      InternaryTicketInvoiceSave(); 
      break; 
     case 'UpdateStatus': 
      InternaryTicketInvoiceSave(); 
      chnageSatatus(); 
      break; 
     } 


    }); 


    } 
    //view code 
    <form id="Iform" name="Iform" method="post"> 
     \\view code here 
    </form> 
+0

同じページに滞在したい場合は、データを投稿するためにajaxを使用する必要があります。 –

答えて

0

使用HTML 5バリデーション すなわちサンプル例

<form action="demo_form.asp" method="post"> 
     <input type="text" name="fname" required> 
<input type="email" name="email" required placeholder="Enter a valid email address"> 
     <input type="submit" value="Submit"> 
    </form> 

詳細

http://www.the-art-of-web.com/html/html5-form-validation/
+0

OPは検証方法を尋ねていません –

+0

コメントありがとうございます。私たちはフォームの検証をどこで行っても可能ではなく、フォームの検証IOプラグインのみで実現できる機能はほとんどありません。 – chandan

+0

html5は使いやすく、他のページをリフレッシュしません。それを使用したくない場合は、別のオプションです。 – sms247

0

Iはe.preventDefault()が欠落していました。

関連する問題