Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailemVyřešeno Bootstrap validátor nevaliduje u jednoho políčka

Ahoj,

mám následující konstrukci:

(Příklad k testování zde: https://codepen.io/anon/pen/QxvZpd )

 $('#contact_form4').bootstrapValidator({
        // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            zamestnanOdMesic: {
                validators: {
                    integer: {
                        message: 'Hodnota není číselná částka!'
                    },
                     between: {
                        min: 1,
                        max: 12,
                        message: 'Hodnota musí být platná'
                    },
                     notEmpty: {
                        message: 'Měsíc není zadaný'
                    }
                }
            },
             zamestnanOdRok: {
                validators: {
                     integer: {
                        message: 'Hodnota není číselná částka!'
                    },
                      between: {
                        min: 1950,
                        max: 2030,
                        message: 'Hodnota musí být platná'
                    },
                    notEmpty: {
                        message: 'Rok není zadaný'
                    }
                }
            }

A k tomu tento HTML kód:


<div id="firmaUdaje" style="display: none:">    
    
    <div class="row">
     <div class="col-sm-6">
   <div class="form-group">
  <label class="col-md-5 control-label">Zaměstnán od měsíce</label>  
  <div class="col-sm-5 inputGroupContainer">
  <div class="input-group">
  <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
   <input  name="zamestnanOdmesic" placeholder="Měsíce" data-content="Zaměstnán od měsíce (vložte měsíc kdy začal pracovní poměr)" class="form-control" type="text"> 
   </div>
    </div>
    </div>
   </div>
    <div class="col-sm-6" >
   <div class="form-group">
  <label class="col-md-6 control-label">Zaměstnán od roku</label>  
  <div class="col-sm-5 inputGroupContainer">
  <div class="input-group">
  <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
   <input  name="zamestnanOdRok" placeholder="roku" data-content="Zaměstnán od roku (vložte rok kdy začal pracovní poměr)" class="form-control" type="text"> 
   </div>
    </div>
    </div>
   </div>
   
  </div>
</div>  

Problém kódu je, že na políčko s name="zamestnanOdRok" funguje validace úplně super,
ale na políčko name="zamestnanOdmesic" nefunguje validace vůbec.

Prohlížeč nehlásí žádnou chybu, nenapadá někoho proč ?
Hint: nějak by mu mohla vadit struktura tagu class="form-group" ?

Btw. díky.

Respektive validuje u všech takto zapsaných prvků:

<div class="form-group">
  <label class="col-md-4 control-label">Číslo popisné (firmy)</label>  
  <div class="col-sm-4 inputGroupContainer">
  <div class="input-group">
  <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span>
  <input  name="titul" placeholder="Číslo popisné (firmy)" data-content="Vložte prosím číslo popisné firmy" class="form-control" type="text">
  </div>
 </div> 
</div>

S tímto příkladem v jakékoliv podobě nemá problém.
Příklad udávám sem: https://codepen.io/anon/pen/QxvZpd

A ptám se proč nefunguje validace na inputu zaměstnán od měsíce.

Předmět Autor Datum
Místo name="zamestnanOdmesic" máš mít name="zamestnanOdMesic" (velký písmeno M) a bude ti to fungova… nový
Pavel 12.06.2018 20:44
Pavel
:beer: a kua :-D nový
Flash_Gordon 12.06.2018 20:45
Flash_Gordon
Stane se... Znáš pojem "autorská slepota"? Mohl bys tu chybu hledat hodinu a nenajdeš. Jinej se kouk… nový
Pavel 12.06.2018 20:47
Pavel
Presne tak,... a proto by sa pri programovaní mal robiť review kódu (resp. inšpekcia kódu). nový
Mlocik97 12.06.2018 21:02
Mlocik97
Mimochodem, uvažovals někdy o použití VueJS? https://laravel-news.com/jquery-vue https://www.smashi… nový
Pavel 12.06.2018 20:49
Pavel
Potřebuju to na jeden nevelký, ale seriózní projekt, tak nevím jestli by to učení se VueJS něco přin… nový
Flash_Gordon 12.06.2018 20:56
Flash_Gordon
:-) Jasně, jQuery se pořád používá a má svoje místo a dá se s ním ledasco. S VueJS můžeš psát webov… nový
Pavel 12.06.2018 20:59
Pavel
ja používam jQuery a AngularJS, na vueJS som taky skoušel, a tiež mi prijde v pohode, ešte aj Meteor… nový
Mlocik97 12.06.2018 21:07
Mlocik97
Já začal s Angularem/Ionicem a napsal jsem si funkční mobilní aplikaci. Angular jsem zvládal amatérs… nový
Pavel 12.06.2018 21:11
Pavel
ja se na Ionic koukal, i neco v nem skoušel, avšak vo vätšom skôr robím aplikácie v Electrone, a pre… nový
Mlocik97 12.06.2018 21:13
Mlocik97
Ionic se dá použít i na mobilní aplikace; to byl jeho primární účel. Dalo by se říct, že jejich team… nový
Pavel 12.06.2018 21:19
Pavel
viem že Ionic je primarne pre mobily... Electron mám rád proto že ti stačí zo 20 riadkov JS (main pr… nový
Mlocik97 12.06.2018 21:25
Mlocik97
inak u mojej mobilnej aplikácie ma zdržiava jedna vec, ktorú "robím" fakt pomaly... CSS (CSS "moc" (… nový
Mlocik97 12.06.2018 21:30
Mlocik97
Nu, možná by se ti právě hodil Framework7 nebo Onsen UI, tam už je vše vyřešený. Zkus na to mrknout. nový
Pavel 12.06.2018 21:36
Pavel
díky :-) poslední
Mlocik97 12.06.2018 21:39
Mlocik97

Já začal s Angularem/Ionicem a napsal jsem si funkční mobilní aplikaci. Angular jsem zvládal amatérsky ve verzích 1.x
Pak ho začali měnit a jeho vývoj už jsem přestal sledovat.

Přešel jsem z Angularu na VueJS a jsem se vším spokojenej. Zvládám ho.

Meteor sleduju z povzdálí. Nabízím k seznámení Firebase, je to celej ekosystém, co se s tím dá dělat věcí...

Ionic se dá použít i na mobilní aplikace; to byl jeho primární účel. Dalo by se říct, že jejich team prošlapal cestu hybridním aplikacím a otevřel tyhle možnosti spoustě vývojářů.

Electron je zajímavá záležitost; kdo by řekl, že desktopový aplikace se dají psát v kombinaci HTML + CSS + JS. Koukal jsem :-)

Můžeš mrknout i na Framework7, Onsen UI, ...

P.S.: Máš někde zveřejněný svoje mobilní aplikace?

viem že Ionic je primarne pre mobily...
Electron mám rád proto že ti stačí zo 20 riadkov JS (main process), a zvyšok je už úplne jak když vytváraš webstránku (renderer process) = čisté HTML, CSS, JS, do main processu pak zasahuješ len v prípade že chceš vrámci aplikácie "zasahovať do OS" resp, trebárs zapisovať do súboru na disku atp.

Momentálne vytváram 2 mobilné aplikácie avšak ešte je nemám hotové, pred tým som ešte mobilné aplikácie nerobil, iba desktopové v electrone.

Zpět do poradny Odpovědět na původní otázku Nahoru