jQuery Validation des règles et des messages

Je vais avoir de la difficulté à mettre de l'onduleur les règles et les messages pour jQuery de Validation.

Je vais essayer d'obtenir la valeur de reprendre[zip_code], mais je ne sais pas comment l'écrire en JQuery. J'ai essayé

rules: {
  resume[zip_code]: required: true
}

mais ne fonctionne pas.

C'est là que j'ai besoin d'obtenir les valeurs de.

<div class='control-group'><label class='control-label'>Zip Code: </label>
  <div class='controls'>
    <input class="required" type='text' name='resume[zip_code]'>
  </div>
</div>

Le code de l'Application

post '/create_resume' do
  session[:errors].clear
    @user = User.first(:email_address => session['user'])
    @resume = @user.resumes.new(params[:resume])
    @resume.save

  params[:education].each_key do |school|
    @school = @resume.educations.new(params[:education][school]
    @school.save
  end

  params[:job].each_key do |job|
    @job = @resume.jobs.new(params[:job][job])
    @job.save
  end

  params[:otherskill].each_key do |other|
    @otherskill = @resume.otherskills.new(params[:otherskill][other])
    @otherskill.save
  end

  if session[:errors].empty? === false
    erb :resume_form
  else
    session[:resume_output].clear
    erb :resume_output 
  end
end

jQuery

Je sais ce que la mise en page est mais juste ne sais pas comment récupérer les valeurs

$(#myForm).validate({
  rules: {
    something: key => value
  },
  messages: {
    something: "value"
  }
});
  • Est-il une raison particulière pour avoir le [] dans le nom de l'attribut? Quel est le problème ici?
  • où est le code?
  • Il est utilisé pour stocker les données saisies par l'utilisateur dans datamapper. Je vais ajouter le code dans.
  • quelles sont les règles de validation?
  • J'ai besoin de règles est nécessaire et il doit être entier ou d'un nombre, pour le message, j'ai juste besoin d'un message personnalisé.
InformationsquelleAutor Kim Hin | 2013-01-06
  1. 13

    Je n'ai aucune idée de comment écrire vos règles, car vous n'avez jamais indiqué les règles que vous voulais. En utilisant seulement votre condition HTML, c'est comment vous pouvez définir des règles et des messages.

    De démontrer l'utilisation, je suis arbitrairement rendre le champ required avec une longueur minimale de 5 numéros.

    Modifier et ajouter vos propres règles en conséquence.

    $('#myForm').validate({
  rules: {
    "resume[zip_code]": {
         required: true,
         minlength: 5,
         digits: true
     }
  },
  messages: {
    "resume[zip_code]": {
         required: "this field is required",
         minlength: "this field must contain at least {0} characters",
         digits: "this field can only contain numbers"
     }
  }
});

    Vous aussi n'avez pas besoin de mettre class="required" dans le code HTML parce que cette règle est déjà spécifié avec votre jQuery .validate() méthode.

    <input type='text' name='resume[zip_code]' />

    De Travail De Démonstration:

    http://jsfiddle.net/vL7ps/

    Voir la documentation de toutes les méthodes et les règles:

    http://docs.jquery.com/Plugins/Validation

    Si vous souhaitez valider le champ comme obligatoire US Zip Code, il suffit d'utiliser la zipcodeUS règle, mais vous devez tout d'abord inclure les "autres Méthodes" fichier trouvé ici.

    http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/additional-methods.js

    jQuery:

    rules: {
  "resume[zip_code]": {
    required: true,
    zipcodeUS: true
  }
},
messages: {
  "resume[zip_code]": {
    required: "this field is required",
    zipcodeUS: "this field must contain valid US zip code"
  }
}

    Démo: http://jsfiddle.net/k6eLf/

    • Merci, ça fonctionne. J'ai juste besoin de citations autour du nom de la règle.
    InformationsquelleAutor Sparky