jQuery bricht die gültige Überprüfung ab

Beim Schreiben eines Formulars ist es natürlich notwendig, die vom Benutzer eingegebenen Daten zu überprüfen. jQuery stellt uns ein sehr praktisches Plug-in jQuery Validate zur Verfügung, mit dem wir die Formularvalidierung einfach implementieren können. Aber manchmal müssen wir auch die Überprüfung bestimmter Felder abbrechen. Was sollen wir in diesem Fall tun? Lassen Sie uns vorstellen, wie Sie mit jQuery die Formularvalidierung abbrechen.

1. Validierung eines einzelnen Feldes abbrechen

Angenommen, wir haben jetzt ein Formular, das zwei Felder enthält: Name und Telefonnummer. Wenn wir die Überprüfung des Telefonfelds abbrechen möchten, können wir den folgenden Code verwenden:

$("form").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    },
    phone: {
      required: true,
      minlength: 11
    }
  },
  messages: {
    name: {
      required: "请输入您的姓名",
      minlength: "姓名长度不能少于2个字符"
    },
    phone: {
      required: "请输入您的电话",
      minlength: "电话长度不能少于11个字符"
    }
  }
});

$("input[name='phone']").rules("remove", "required minlength");

Im Code richten wir zunächst die Formularüberprüfung über die Validierungsmethode ein, die die Regeln und Eingabeaufforderungsinformationen für den Namen und die Telefonnummer enthält Felder. Wählen Sie dann über den jQuery-Selektor das Eingabefeld des Telefonfelds aus und verwenden Sie die Regelmethode, um „required“ und „minlength“ aus den Validierungsregeln zu entfernen. Auf diese Weise muss das Telefonfeld nicht mehr überprüft werden.

2. Die Überprüfung des gesamten Formulars abbrechen

Manchmal müssen wir möglicherweise auch die Überprüfung des gesamten Formulars abbrechen, z. B. die Durchführung der Formularüberprüfung vor dem Absenden des Formulars. In einigen Sonderfällen müssen wir das Formular jedoch absenden direkt Es erfolgt keine weitere Verifizierung. Zu diesem Zeitpunkt können wir den folgenden Code verwenden:

$("form").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    },
    phone: {
      required: true,
      minlength: 11
    }
  },
  messages: {
    name: {
      required: "请输入您的姓名",
      minlength: "姓名长度不能少于2个字符"
    },
    phone: {
      required: "请输入您的电话",
      minlength: "电话长度不能少于11个字符"
    }
  }
});

$("form").submit(function(){
  $(this).validate().cancelSubmit = true;
  if($(this).valid()){
    // 表单校验通过，进行表单提交
  }
});

Im Code verwenden wir auch die Validierungsmethode, um die Formularüberprüfung einzurichten. Im Formularübermittlungsereignis erhalten wir das Formularvalidierungsobjekt, indem wir die Methode „validate()“ aufrufen und ihr cancelSubmit-Attribut auf „true“ setzen, was bedeutet, dass das automatische Übermittlungsverhalten des Formulars abgebrochen wird. Anschließend führen wir eine weitere Formularüberprüfung durch, und wenn diese erfolgreich ist, führen wir den Formularübermittlungsvorgang durch. Wenn die Formularvalidierung fehlschlägt, wird das Formular nicht automatisch übermittelt.

Zusammenfassung

Durch die obige Einführung haben wir gelernt, wie man mit jQuery Validate die Überprüfung eines einzelnen Felds und die Überprüfung des gesamten Formulars abbricht. Dies wird in der tatsächlichen Entwicklung sehr nützlich sein und die Flexibilität und Skalierbarkeit der Formularvalidierung verbessern. In praktischen Anwendungen müssen wir natürlich anhand spezifischer Geschäftsanforderungen entscheiden, ob die Überprüfung bestimmter Felder oder des gesamten Formulars abgebrochen werden soll.

Das obige ist der detaillierte Inhalt vonjQuery bricht die gültige Überprüfung ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!