javascript - One input triggers Chrome validation, but another isn't -


i have 3 inputs across 2 pages, of want chrome validate (i.e. won't allow form submitted if doesn't contain valid email address).

the input on this page (input a) validating fine, i'd same inputs on this page: 1 see when click options -> add/remove feeds or options -> edit account (input b) , 1 see when click 'get notified' (input c).

this code input a, validating properly:

<form role="form" class="form-inline" method="post">     <p>get notified when shopaholic launches</p>     <input type="email" name="email" class="form-control input-lg" id="inputemail" placeholder="enter email">     <button type="submit" class="btn btn-primary btn-lg" data-dismiss="modal">notify me</button> </form>

this code inputs b , c, aren't validating:

<!-- modal containing input b --> <div class="modal fade" id="getnotifiedmodal1" tabindex="-1" role="dialog" aria-labelledby="getnotifiedlabel1" aria-hidden="true">     <div class="modal-dialog">         <div class="modal-content">             <div class="modal-header">                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>                 <h4 class="modal-title" id="getnotifiedmodal1label">sorry, feature unavailable in demo version.</h4>             </div>             <div class="modal-body">                 <p id="p">but why not notified when full version of shopaholic launches?</p>                 <form role="form" class="form-inline" method="post">                         <input type="email" name="email" class="form-control" id="inputemail" placeholder="enter email">                         <button type="submit" class="btn btn-primary" data-dismiss="modal">notify me</button>                 </form>             </div>         </div>     </div> </div>  <!-- modal containing input c --> <div class="modal fade" id="getnotifiedmodal2" tabindex="-1" role="dialog" aria-labelledby="getnotifiedlabel2" aria-hidden="true">     <div class="modal-dialog">         <div class="modal-content">             <div class="modal-header">                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>                 <h4 class="modal-title" id="getnotifiedmodal2">get notified when shopaholic launches!</h4>             </div>             <div class="modal-body">                 <form role="form" class="form-inline" method="post">                         <input type="email" name="email" class="form-control" id="inputemail" placeholder="enter email">                         <button type="submit" class="btn btn-primary" data-dismiss="modal">notify me</button>                 </form>             </div>             </div>     </div> </div>

update

i have realised chrome doing this, not bootstrap.


Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

javascript - jQuery show full size image on click -

pretty self explanatory not workking . i want display full image when user click on image... yes know there tons of plugins but i want keep simple. any idea ? css : .full { display: none; width: 500px; height: 500px; margin-left: 100px; margin-top: -300px; position: fixed; background-color: #f00; z-index: 6; } .thumbnail { width: 50px; height: 50px; } html: <img class="thumbnail" src="http://4.bp.blogspot.com/-uhbdp2esxng/txneptvi92i/aaaaaaaaaky/upfqis7zto0/s1600/rihanna-wallpaper.jpg"> jquery: $(document).ready(function() { $('.thumbnail').on('click', function() { var img = $('<img />',{src:this.src,'class':'full'}); $('.full').html(img).show(); console.log('done!'); }); }); try looking how jquery works. $(document).ready(function() { $('.thumbnail').on('click', function(...
Read more