jQuery-Validate-checkbox checked erforderlich?

Ich bin mit jQuery-Validation-plugin zum validieren einer form.

Das problem ist, dass ich kann nicht einen Weg finden, um zu überprüfen, ob eine einzelne checkbox in mein Formular überprüft wird

HTML-markup:

<label for="terms">terms : </label>
<input type="checkbox" name="terms" id="terms">

jQuery-code:

rules: {
    terms: "required"
},
messages:{
    terms: "check the checbox"
}

Jede mögliche Hilfe würde geschätzt.

  • Was plugins sind, die Sie sprechen. Meinst du JQuery?
  • Er sagte, jQuery im Titel, in der Mitte von der Frage und den tags. Jeder vernünftige Leser würden erkennen, dass das fehlen von j in der ersten Zeile ist nur ein Tippfehler.
  • Sorry, ich verpasste den tags -, die ich sah, die Sie Hinzugefügt jQuery Validierung in einem edit. Ich versuchte nicht zu pedantisch.
InformationsquelleAutor aviad m | 2014-01-18
  1. 6

    HTML-markup:

      <label for="terms">terms : </label>
  <input type="checkbox" name="terms" value="1" id="terms">

    jQuery-code:

      rules: {
      terms: {
         required : true
      }

  },
  messages:{
      terms: {
        required : "check the checbox"
      }
  }

    jsfiddle: http://jsfiddle.net/mZ6zJ/

    InformationsquelleAutor ygaradon
  2. 6

    Vielleicht deine checkbox css-Stil

    display: none

    Ersetzen Sie es mit 

    visibility: hidden;
width: 0;

    Es half mir.

    • Du hast mich gerettet viele harte Stunden.
    InformationsquelleAutor webmustang
  3. 4

    Müssen Sie geben einen Wert für die checkbox. 

    <input type="checkbox" name="terms" id="terms" value="accepted">
    • Dies hat mein problem nicht lösen. Ich beschloss, das übel in anderer Weise - ich deaktivieren Sie die Schaltfläche senden, wenn die checkbox deaktiviert ist. Trotzdem danke
    InformationsquelleAutor Barmar
  4. 3

    Beispiel von Checkbox Jquery Validierung

    HTML 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>

<form id="demo">
<label for="terms">terms : </label>
<input type="checkbox" name="terms[]" value="your value" id="terms">
</form>
    • geben Checkbox name mit eckigen Klammern.
    • Bieten Mehrwert für Checkbox obligatorisch.

    Jquery-Code

    $(document).ready(function() {
    $("#demo").validate({
         rules: {
               'terms[]': { required: true },
         },
         messages:{
               'terms[]': "check the checbox"
         }
     });
});
    InformationsquelleAutor yash dharia
  5. 0

    Müssen Sie wickeln Sie Ihren code in das document ready jQuery-Methode und eine Validierung überprüfen:

    $().ready(function () {
    $('#formId').validate({
     rules: {
         terms: "required"
      },
      messages:{
         terms: "check the checbox"
      }
   })
})

    Ich hoffe, das hilft

    InformationsquelleAutor JORDANO
  6. -3

    Habe ich einfach meine eigene Anmerkung in C# und verglich Sie mit meinem jQuery Validierung. Jetzt muss ich nur kommentieren jede checkbox, wo dieser kommt. Wenn Sie sich nicht mit C# können Sie einfach fügen Sie die Klasse auf ein element, das Sie wollte, dass es angewendet wird.

    [System.AttributeUsage(AttributeTargets.Property | AttributeTargets.Field, AllowMultiple = false)]
public class CheckboxRequired : ValidationAttribute, IClientValidatable
{
    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        if (value.GetType() != typeof(bool) || (bool)value == true)
            return ValidationResult.Success;
        return new ValidationResult("This checkbox must be checked.");
    }

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        var rule = new ModelClientValidationRule
        {
            ErrorMessage = "This checkbox must be checked.",
            ValidationType = "CheckboxRequired"
        };
        yield return rule;
    }
}

    Und in meinem Validation.js

    jQuery.validator.addMethod("CheckboxRequired", function (value, element) {
return (value != typeof undefined && value != false);});
jQuery.validator.addClassRules("CheckboxRequired", { CheckboxRequired: true});
    InformationsquelleAutor Benjamin Grebner
Schreibe einen Kommentar