javascript - 送信/検証 Jquery

Question

送信をクリックした時点でフォームを検証しようとしています。クラス .ipv4val が割り当てられている検証が必要な入力が多数あります。私が抱えている問題は、検証に失敗した単一の入力要素に「悪い」クラスを追加できないように見えることです。

$("form").submit(function() {
    var REGEX = /^[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}$/;  
    if (REGEX.test($(".ipv4val").val())) {
      return true;
    }
else {
      $(this).addClass("bad");
  return false;
   }

何か案は ？

Answer 1

独自の検証をロールバックする代わりに、 jquery.validate プラグインを検討しましたか?

Answer 2

以下の使用に注意してください。$(this).addClass("bad")

$(this)form実行時の要素です。入力の要素 ID を使用してみてください。

Answer 3

このようにしてみてください：

$("form").submit(function() {
    var REGEX = /^[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}$/;
    var ok=true;
    $(".ipv4val").each(function(){
        if (!REGEX.test($(this).val())) {
            $(this).addClass("bad");
            ok = false;
        }
    });
    return ok;
};