2016-08-05 17 views
1

クライアント側とサーバー側の両方のチェックを実行するボタンが付いたフォームがありますが、ボタンのタイプが設定されていると問題が発生しますクライアント側とサーバー側の検証を適用する方法

<input type ="submit" name ="submit" value = "submit your form"> 

検証のためのjqueryコードが機能しません。ボタンのタイプは、サーバ側のチェックが動作しません 『ボタン』

<input type = "button" name = "send" value = "send"> 

ある 。 ご意見をお待ちしております。

+0

クライアント側の検証では、カスタムまたはjquery検証プラグインを使用していますか? –

+0

@ Mayank Pandey私はプラグインを使用していません。私はボタンのIDを使用し、空のフィールドをチェックします。 – princesse

答えて

0

validate()は、検証の世話をするあなたのjavascript関数であるあなたのformタグ

<form ... onsubmit="return validate()"> 
</form> 

<script> 
    function validate(){ 
     // do all validations here on form fields 
    } 
</script> 

でこれを追加します。検証が成功した場合は、その関数からtrueを返し、それ以外の場合はfalseを返します。これにより、フォームが無効な場合に転記されなくなります。

サーバー側の検証では、あなたのPHPでフォームの値をキャッチし、必要に応じて各値をチェックする必要があります。

+0

私はあなたのクライアント側の検証のために正しく理解していますが、私はボタンのidを使うのではなく、関数を使ってクライアント側でif(isset($ _ POST ['submit'])))を使いますか? – princesse

0

あなたはなぜサーバー側で失敗するのか説明しませんが、私はあなたのjs検証でfalseまたはpreventDefaultを返す必要があると思います。方法はありますが、ボタン自体ではなく、フォームを送信する検証が必要です

+0

あなたは、ボタンの代わりにフォームの名前を使用する必要がありますが、フォーム自体を送信するのではなく、フォーム自体を送信する必要があることを意味しますか?しかし、データが束として提出される異なるフォームがあるとどうなりますか? – princesse

関連する問題