Déterminer si le champ contient une classe requise en JQuery

Question

J'ai un champ d'entrée avec une classe = "requis". Maintenant, je veux vérifier dans JQuery si le champ qui a la classe comme "requis" contient une valeur ou non.

Je l'ai essayé avec.

$("#ResultSubmit").submit(function(){

      if($("#"+<?=$r['Attribute']['id'];?>).fieldValue()=="")
      { 

                       alert("Fill in  "+"<?=$r['Attribute']['label'];?>");
                       $("#"+<?=$r['Attribute']['id'];?>).focus();
                       return false;
      }

     });

Comment vérifier si cette classe contient une classe avec "required" ? veuillez me suggérer.....

Answer 1

Jetez un coup d'œil à hasClass

Answer 2

if($("input.required").val() == "")
            alert("required")

Answer 3

if ($('#element input').attr('class') == 'required') {
    alert('required);
}

Vous pouvez également obtenir tous les champs de saisie obligatoires comme suit

$('input[class=required]');

Bien sûr, si vous avez plusieurs classes, vous devrez utiliser la méthode hasClass(). Ceci est recommandé pour une maintenance future où vous pourriez décider que vous voulez 2 classes.

Answer 4

Je vais essayer de résoudre votre problème directement, plutôt que de répondre à votre question elle-même :)

$("#ResultSubmit").submit(function(){
  $("input.required").each(function() {
    var field = $(this);
    if ($.trim(field.val()) == '') {
      alert("Fill in " + field.prev('label').text());
      field.focus();
      return false;
  }
});

Enregistrez ce code une fois sur votre page - pas une fois par champ. Assurez-vous que tous les champs obligatoires ont une classe required et que tous les champs obligatoires ont un <label> contenant le texte que vous souhaitez utiliser dans vos messages d'erreur.

Voilà, plus besoin de mélanger le code côté client et le code côté serveur ! Le javascript peut même être dans un fichier séparé.