Jqueryポストとhtmlフォームの検証

Question

I $ .post（）;正しくjqueryで要素を形成します。 これらの要素のうちのいくつかは「必須」ですが、正しく記入して返信するとサーバー側をテストできますが、古典的なHTML要求エラーを引き起こす可能性がある場合は面白いでしょう。行方不明のフィールド。もちろん、私はそれらをサーバ側でテストしますが、少なくとも私はjavascriptでハイライトを行う必要はありません。

隠しポストボタンの作成が嫌いです。私は一度

formX.serialize() + formX+1.serialize() + ... 

で複数のフォームを投稿するためにも、私は方法があるかどうかを知りたいのです。おかげさまで。

Answer 1

あなたのフォームを検証するために、このjQueryプラグインを使用することができます。https://jqueryvalidation.org

あなたはこのような何か行うことができます。

$("#formX").validate({ 
    submitHandler: function(form) { 
     $(form).ajaxSubmit(); 
    } 
}); 

Answer 2

をあなたはまた、同様にjQueryでserializeArrayメソッドを使用することができます。：https://api.jquery.com/serializeArray/

例：

参考のためにjsfiddleがあります：https://jsfiddle.net/xdp70kt3/2/

これはあなたをうまく導くことを望みます。

さらに、 の値が入力されたかどうかを確認したい場合は、required html属性を追加することもできます。