Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Ciclo per controllare form che salta alcuni campi

    Ciao a tutti,
    avrei bisogno di creare un controllo su form che ha l'id mioProfilo
    non conosco il numero e i nomi/id degli input contenuti in quanto possono sempre variare
    inoltre ci sono degli input contenuti in un div che ha una classe hidden
    <div class="row enCouple hidden">


    questi input vorrei leggerli per verificare se sono stati riempiti ma solo se il suo contenitore(div) non ha la classe hidden ma si presenta cosí
    <div class="row enCouple">




    ho pensato di fare un foreach in questo modo
    $("#mioProfilo").each(function (index, item) {


    e al suo interno magari potrei fare un find o sulla classe o sul tag
    $(item).find(".form-control").each(function (index, item) {


    peró non só come saltare quelli contenuti nel div hidden


    avete qualche suggerimento.
    grazie

    ecco il codice


    codice:
    <form action="/mio" class="" id="mioProfilo" method="post" role="form">
    
    
    
    
    <section class="col-xs-7">
            <!-- Civilités -->
            <div class="form-group label-floating">
                <label class="control-label" for="pp0">Civilité</label>
                <input class="form-control" disabled="True" id="pp0" name="Civilite" type="text" value="Monsieur">
                <span class="help-block">Vous ne pouvez pas modifier la civilité</span>
            </div>
            <div class="row">
                <div class="col-xs-12 col-md-6">
                    <div class="form-group label-floating">
                        <label class="control-label" for="pp1">Nom</label>
                        <input class="form-control" id="pp1" name="Nom" type="text" value="CINI">
                        <span class="help-block"></span>
                    </div>
                </div>
                <div class="col-xs-12 col-md-6">
                    <div class="form-group label-floating">
                        <label class="control-label" for="pp2">Nom de naissance</label>
                        <input class="form-control" id="pp2" name="NomNaissance" type="text" value="CINI">
                        <span class="help-block"></span>
                    </div>
                </div>
            </div>
            <div class="form-group label-floating">
                <label class="control-label" for="pp2.1">Prénom(s)</label>
                <input class="form-control" id="pp2.1" name="Prenoms" type="text" value="Yusuf">
                <span class="help-block"></span>
            </div>
            
            <!-- Profession -->
            <div class="form-group label-floating">
                <label class="control-label" for="pp3">Profession</label>
                <input class="form-control" id="pp3" name="Profession" type="text" value="expert comptable">
                <span class="help-block"></span>
            </div>
            
           
           
          
        </section>
    
    
    
    
    
    
    <section class="col-xs-7">
    	<div class="row enCouple hidden">
                <div class="col-xs-12 col-md-2">
                    <div class="form-group label-floating is-empty">
                        <label class="control-label" for="pp2">Date de l'évènement</label>
                        <div class="">
                            <input class="form-control" data-mask="00/00/0000" data-val="True" data-val-date="The field Date must be a date." id="pp2" name="DateSituation" type="text" value="">
                            <span class="help-block">Le format doit être JJ/MM/AAAA</span>
                            <span class="field-validation-valid text-danger" data-valmsg-for="DateSituation" data-valmsg-replace="true"></span>
                        </div>
                        <span class="help-block"></span>
                    </div>
                </div>
                <div class="col-xs-12 col-md-2">
                    <div class="form-group label-floating is-empty">
                        <label class="control-label" for="pp3">Code postal</label>
                        <div class="">
                            <input class="form-control" data-mask="00000" for="pp3" id="CodePostalEvtMatrimonial" name="CodePostal" onchange="FillCommune('EvtMatrimonial')" type="text" value="">
                            <span class="field-validation-valid text-danger" data-valmsg-for="CodePostal" data-valmsg-replace="true" id="pp3"></span>
                        </div>
                    </div>
    
    
                </div>
                <div class="col-xs-12 col-md-4">
                    <div class="form-group label-floating is-empty">
                        <label class="control-label" for="pp4">Ville</label>
                        <div class="">
                            <input class="form-control" id="CommuneEvtMatrimonial2" name="Ville" type="text" value="" style="display: none;">
                            <select class="form-control" for="pp4" id="CommuneEvtMatrimonial" name="Ville" onchange="CommuneChanged('EvtMatrimonial')" style="display: inline-block;"><option></option>
    </select>
                            <span class="field-validation-valid text-danger" data-valmsg-for="Ville" data-valmsg-replace="true" id="pp4"></span>
                        </div>
                    </div>
    
    
                </div>
                
    
    
    
    
    
    
    
    
    <div class="fileupload" data-upload-group="piecesJutificatives" data-url="/DocumentsUploader/Upload" data-filter="Marie">
            <input id="DocumentsUploader_0__TagFile" name="DocumentsUploader[0].TagFile" type="hidden" value="ExtraitActeMariage">
            <input data-jsonvalue="True" id="DocumentsUploader_0__Reponse" name="DocumentsUploader[0].Reponse" type="hidden" value="[]">
    
    
            <div class="fileupload-buttonbar">
                <div>
                    <label>Extrait acte de mariage</label>
    
    
                    <span class="btn btn-success btn-filaire-success fileinput-button pull-right">
                        <span>Ajouter</span>
                        <input type="file" name="files[]" multiple="">
                    </span>
                </div>
                <div class="col-xs-12 fileupload-progress fade hidden">
                    <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                        <div class="progress-bar progress-bar-success" style="width: 0%;"></div>
                    </div>
                    <div class="progress-extended">&nbsp;</div>
                </div>
            </div>
            <div class="col-xs-6 fileupload-progress fade hidden">
                <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                    <div class="progress-bar progress-bar-success" style="width: 0%;"></div>
                </div>
                <div class="progress-extended">&nbsp;</div>
            </div>
    
    
            <div class="files">
                
    
    
    
    
            </div>
    
    
            <div class="clearfix"></div>
        </div>
    
    
    
    
    </section>
    
    
    </form>

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,771
    Ciao, non serve fare un find dentro l'each, ti basterebbe specificare meglio il selettore jQuery Per escludere determinati elementi puoi usare il :not(), analogamente ai selettori css.

    Potrebbe essere una cosa del genere:
    codice:
    $("#mioProfilo > section > div:not(.hidden) .form-control").each(function(i,me){
      if($.trim(me.value)) $(me).css("box-shadow","none"); // campo pieno
      else $(me).css("box-shadow","0 0 3px 3px red"); // campo vuoto
    });
    Mi chiedo però, se devi fare una validazione, quindi controllare che i campi non siano vuoti, non sarebbe più opportuno usare l'attributo "required" HTML?
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.