jQuery Validierung von ID-und form-Gruppe

Brauche ich, um zu überprüfen, die von id-und nicht input-Namen, weil mein input name data[name]. Ich habe auch eine Regel zum zulassen eines oder beide Felder.

Ich hinzufügen kann, der die Regeln mit id, aber ich kann nicht verbinden die beiden Regeln. Gibt es eine Möglichkeit.

<input id="email" type="email" class="form-control contact-method" name="data[email]" placeholder="Email">
<input id="phone" type="text" class="form-control contact-method" name="data[phone]" placeholder="Phone">

Js-Code:

$('#requestDemo').validate({  //<- attach '.validate()' to your form
    debug: false,
    errorElement: "span",
    errorClass: "help-block",
    rules: {
        phoneInput: {
            require_from_group: [1, ".contact-method"]
        },
        emailInput: {
            require_from_group: [1, ".contact-method"]
        }
    },
InformationsquelleAutor Keith Power | 2015-02-18
  1. 2

    Ich habe auch eine Regel zum zulassen eines oder beide Felder.

    Sehe ich nicht, wie Ihr require_from_group Regel zur Arbeit gehen, wenn Sie Sie nicht verwenden die contact-method Klasse überall in Ihren HTML-markup. Sie müssen dieses add class...

    <input id="email" type="email" class="form-control contact-method" name="data[email]" placeholder="Email">
<input id="phone" type="text" class="form-control contact-method" name="data[phone]" placeholder="Phone">

    Muss ich validieren id - und nicht input - name weil mein input name ist data[name]

    Gibt es zwei workarounds...

    1. Wenn das name enthält Sonderzeichen, wie Punkte oder Klammern, Sie würde einfach umgeben das name mit Anführungszeichen...

      jQuery(function($) {
    $('#requestDemo').validate({
        ....
        rules: {
           "data[email]": {
                require_from_group: [1, ".contact-method"]
            },
            ....

      DEMO 1: http://jsfiddle.net/umgjLvhd/

    1. Erklären der Regel mit die .Regeln('add') Methode statt innerhalb .validate()...

      $('.contact-method').each(function() {
    $(this).rules('add', {
        require_from_group: [1, $(this)]
    });
});

      DEMO 2: http://jsfiddle.net/mcotx2oh/

    HINWEIS: egal, wie Sie erklären die Regeln, die input Elemente muss noch enthalten einzigartige name Attribute.

    InformationsquelleAutor Sparky
  2. 1

    Ich denke, das problem Sie konfrontiert sind, ist die spezielle Zeichen in der name Sie können einen string-literal in den Fällen den Objektschlüssel wie

    JS:

    jQuery(function($) {
  $('#requestDemo').validate({ //<- attach '.validate()' to your form
    debug: true,
    errorElement: "span",
    errorClass: "help-block",
    rules: {
      'data[email]': {
        require_from_group: [1, ".contact-method"]
      },
      'data[phone]': {
        require_from_group: [1, ".contact-method"]
      }
    }
  })
});

    HTML:

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.12.0/jquery.validate.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.12.0/additional-methods.js"></script>

<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.css">
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.js"></script>

<form id="requestDemo" method="post" action="">
  <input id="email" type="email" class="form-control contact-method" name="data[email]" placeholder="Email">
  <input id="phone" type="text" class="form-control contact-method" name="data[phone]" placeholder="Phone">

  <input type="submit" class="button" value="Submit" />
</form>

    InformationsquelleAutor Arun P Johny
Schreibe einen Kommentar