UnknownSec Bypass
403
:
/
var
/
www
/
zenithentcare
/
stmedicosoftware
/ [
drwxrwxr-x
]
Menu
Upload
Mass depes
Mass delete
Terminal
Info server
About
name :
validation.html
<!-- author: W3layouts author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ --> <!DOCTYPE html> <html lang="zxx"> <head> <title>Esteem An Admin Panel Category Flat Bootstrap Responsive Website Template | Form Validation :: w3layouts</title> <!-- custom-theme --> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Esteem Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <!-- //custom-theme --> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/component.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style_grid.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <!-- font-awesome-icons --> <link href="css/font-awesome.css" rel="stylesheet"> <!-- //font-awesome-icons --> <link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800" rel="stylesheet"> </head> <body> <!-- banner --> <div class="wthree_agile_admin_info"> <!-- /w3_agileits_top_nav--> <!-- /nav--> <div class="w3_agileits_top_nav"> <ul id="gn-menu" class="gn-menu-main"> <!-- /nav_agile_w3l --> <li class="gn-trigger"> <a class="gn-icon gn-icon-menu"><i class="fa fa-bars" aria-hidden="true"></i><span>Menu</span></a> <nav class="gn-menu-wrapper"> <div class="gn-scroller scrollbar1"> <ul class="gn-menu agile_menu_drop"> <li><a href="main-page.html"> <i class="fa fa-tachometer"></i> Dashboard</a></li> <li> <a href="#"><i class="fa fa-cogs" aria-hidden="true"></i> UI Components <i class="fa fa-angle-right" aria-hidden="true"></i></a> <ul class="gn-submenu"> <li class="mini_list_agile"><a href="buttons.html"><i class="fa fa-caret-right" aria-hidden="true"></i> Buttons</a></li> <li class="mini_list_w3"><a href="grids.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Grids</a></li> </ul> </li> <li> <a href="#"> <i class="fa fa-file-text-o" aria-hidden="true"></i>Forms <i class="fa fa-angle-right" aria-hidden="true"></i></a> <ul class="gn-submenu"> <li class="mini_list_agile"><a href="input.html"><i class="fa fa-caret-right" aria-hidden="true"></i>Inputs</a></li> <li class="mini_list_w3"><a href="validation.html"><i class="fa fa-caret-right" aria-hidden="true"></i> Forms Validation</a></li> </ul> </li> <li><a href="table.html"> <i class="fa fa-table" aria-hidden="true"></i> Tables</a></li> <li><a href="#"><i class="fa fa-list" aria-hidden="true"></i>Short Codes</a> <ul class="gn-submenu"> <li class="mini_list_agile"><a href="typo.html"> <i class="fa fa-caret-right" aria-hidden="true"></i>Typography</a></li> <li class="mini_list_w3"><a href="icons.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Icons</a></li> </ul> </li> <li><a href="charts.html"> <i class="fa fa-line-chart" aria-hidden="true"></i> Charts</a></li> <li><a href="maps.html"><i class="fa fa-map-o" aria-hidden="true"></i> Maps</a></li> <li class="page"> <a href="#"><i class="fa fa-files-o" aria-hidden="true"></i> Pages <i class="fa fa-angle-right" aria-hidden="true"></i></a> <ul class="gn-submenu"> <li class="mini_list_agile"> <a href="signin.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Sign In</a></li> <li class="mini_list_w3"><a href="signup.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Sign Up</a></li> <li class="mini_list_agile"><a href="calender.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Calender</a></li> <li class="mini_list_w3_line"><a href="404.html"> <i class="fa fa-caret-right" aria-hidden="true"></i>404 Error</a></li> </ul> </li> <li> <a href="#"> <i class="fa fa-suitcase" aria-hidden="true"></i>More <i class="fa fa-angle-right" aria-hidden="true"></i></a> <ul class="gn-submenu"> <li class="mini_list_agile"><a href="faq.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> FaQ</a></li> <li class="mini_list_w3"><a href="blank.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Blank Page</a></li> </ul> </li> </ul> </div><!-- /gn-scroller --> </nav> </li> <!-- //nav_agile_w3l --> <li class="second logo"><h1><a href="main-page.html"><i class="fa fa-graduation-cap" aria-hidden="true"></i>Esteem </a></h1></li> <li class="second admin-pic"> <ul class="top_dp_agile"> <li class="dropdown profile_details_drop"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <div class="profile_img"> <span class="prfil-img"><img src="images/admin.jpg" alt=""> </span> </div> </a> <ul class="dropdown-menu drp-mnu"> <li> <a href="#"><i class="fa fa-cog"></i> Settings</a> </li> <li> <a href="#"><i class="fa fa-user"></i> Profile</a> </li> <li> <a href="#"><i class="fa fa-sign-out"></i> Logout</a> </li> </ul> </li> </ul> </li> <li class="second top_bell_nav"> <ul class="top_dp_agile "> <li class="dropdown head-dpdn"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><i class="fa fa-bell-o" aria-hidden="true"></i> <span class="badge blue">4</span></a> <ul class="dropdown-menu"> <li> <div class="notification_header"> <h3>Your Notifications</h3> </div> </li> <li><a href="#"> <div class="user_img"><img src="images/a3.jpg" alt=""></div> <div class="notification_desc"> <h6>John Smith</h6> <p>Lorem ipsum dolor</p> <p><span>1 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li class="odd"><a href="#"> <div class="user_img"><img src="images/a1.jpg" alt=""></div> <div class="notification_desc"> <h6>Jasmin Leo</h6> <p>Lorem ipsum dolor</p> <p><span>3 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li><a href="#"> <div class="user_img"><img src="images/a2.jpg" alt=""></div> <div class="notification_desc"> <h6>James Smith</h6> <p>Lorem ipsum dolor</p> <p><span>2 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li><a href="#"> <div class="user_img"><img src="images/a4.jpg" alt=""></div> <div class="notification_desc"> <h6>James Smith</h6> <p>Lorem ipsum dolor</p> <p><span>1 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li> <div class="notification_bottom"> <a href="#">See all Notifications</a> </div> </li> </ul> </li> </ul> </li> <li class="second top_bell_nav"> <ul class="top_dp_agile "> <li class="dropdown head-dpdn"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><i class="fa fa-envelope-o" aria-hidden="true"></i> <span class="badge blue">3</span></a> <ul class="dropdown-menu"> <li> <div class="notification_header"> <h3>Your Messages</h3> </div> </li> <li><a href="#"> <div class="user_img"><img src="images/a3.jpg" alt=""></div> <div class="notification_desc"> <h6>John Smith</h6> <p>Lorem ipsum dolor</p> <p><span>3 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li class="odd"><a href="#"> <div class="user_img"><img src="images/a1.jpg" alt=""></div> <div class="notification_desc"> <h6>Jasmin Leo</h6> <p>Lorem ipsum dolor</p> <p><span>2 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li><a href="#"> <div class="user_img"><img src="images/a2.jpg" alt=""></div> <div class="notification_desc"> <h6>James Smith</h6> <p>Lorem ipsum dolor</p> <p><span>1 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li> <div class="notification_bottom"> <a href="#">See all Messages</a> </div> </li> </ul> </li> </ul> </li> <li class="second top_bell_nav"> <ul class="top_dp_agile "> <li class="dropdown head-dpdn"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tasks"></i><span class="badge blue">9</span></a> <ul class="dropdown-menu"> <li> <div class="notification_header"> <h3>You have 4 Pending tasks</h3> </div> </li> <li><a href="#"> <div class="task-info"> <span class="task-desc">Database update</span><span class="percentage">40%</span> <div class="clearfix"></div> </div> <div class="progress progress-striped active"> <div class="bar yellow" style="width:40%;"></div> </div> </a></li> <li><a href="#"> <div class="task-info"> <span class="task-desc">Dashboard done</span><span class="percentage">90%</span> <div class="clearfix"></div> </div> <div class="progress progress-striped active"> <div class="bar green" style="width:90%;"></div> </div> </a></li> <li><a href="#"> <div class="task-info"> <span class="task-desc">Mobile App</span><span class="percentage">33%</span> <div class="clearfix"></div> </div> <div class="progress progress-striped active"> <div class="bar red" style="width: 33%;"></div> </div> </a></li> <li><a href="#"> <div class="task-info"> <span class="task-desc">Issues fixed</span><span class="percentage">80%</span> <div class="clearfix"></div> </div> <div class="progress progress-striped active"> <div class="bar blue" style="width: 80%;"></div> </div> </a></li> <li> <div class="notification_bottom"> <a href="#">See all pending tasks</a> </div> </li> </ul> </li> </ul> </li> <li class="second w3l_search"> <form action="#" method="post"> <input type="search" name="search" placeholder="Search here..." required=""> <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button> </form> </li> <li class="second full-screen"> <section class="full-top"> <button id="toggle"><i class="fa fa-arrows-alt" aria-hidden="true"></i></button> </section> </li> </ul> <!-- //nav --> </div> <div class="clearfix"></div> <!-- //w3_agileits_top_nav--> <!-- /inner_content--> <div class="inner_content"> <!-- /inner_content_w3_agile_info--> <!-- breadcrumbs --> <div class="w3l_agileits_breadcrumbs"> <div class="w3l_agileits_breadcrumbs_inner"> <ul> <li><a href="main-page.html">Home</a><span>«</span></li> <li>Forms<span>«</span></li> <li>Form Validation</li> </ul> </div> </div> <!-- //breadcrumbs --> <div class="inner_content_w3_agile_info two_in"> <h2 class="w3_inner_tittle">form Validation</h2> <div class="agile-grids"> <!-- validation --> <div class="grids"> <div class="forms-grids"> <div class="w3agile-validation"> <div class="agile-validation agile_info_shadow"> <div class="my-div"> <form method="post" action="#" class="valida" autocomplete="off" novalidate="novalidate"> <div class="input-info"> <h3 class="w3_inner_tittle two">Input Texts:</h3> </div> <label for="field-1">Field 1.1: (required) <span class="at-required-highlight">*</span></label> <div class="form-group"> <input type="text" name="field-1" id="field-1" required="true" class="form-control"> </div> <label for="field-1-2">Field 1.2: (not required, filter: date)</label> <div class="form-group"> <input type="text" name="field-1-2" id="field-1-2" filter="date" class="form-control" data-invalid="Given value must be a valid date formated as 0000-00-00"> </div> <label for="field-1-3">Field 1.3: (required, filter: greater_than:10|less_than:15) <span class="at-required-highlight">*</span></label> <div class="form-group"> <input type="text" name="field-1-3" id="field-1-3" required="true" filter="greater_than:10|less_than:15" class="form-control" data-required="Given value must be between 10 and 15"> </div> <div class="row"> <div class="col-xs-12 col-sm-5"> <label for="field-1-2">Field 1.4.1: (required, filter: email)</label> <div class="form-group"> <input type="text" name="field-1-4-1" id="field-1-4-1" filter="email" class="form-control" required="true" data-invalid="Must be a valid email address"> </div> </div> <div class="col-xs-12 col-sm-7"> <label for="field-1-2">Field 1.4.2: (required, filter: email|matches:field-1-4-1)</label> <div class="form-group"> <input type="text" name="field-1-4-2" id="field-1-4-2" filter="email|matches:field-1-4-1" class="form-control" required="true" data-invalid="Must be a valid email address and match field 1.4.1's value"> </div> </div> </div> <hr> <h3 class="w3_inner_tittle two">SELECTS:</h3> <label for="field-2">Field 2: (required) <span class="at-required-highlight">*</span></label> <div class="form-group"> <select name="field-2" id="field-2" required="true" class="form-control"> <option value=""></option> <option value="val-1">Value 1</option> <option value="val-2">Value 2</option> </select> </div> <hr> <h3 class="w3_inner_tittle two">TEXTAREAS:</h3> <label for="field-4">Field 4.1: (required) <span class="at-required-highlight">*</span></label> <div class="form-group"> <textarea name="field-4" id="field-4" required="true" class="form-control"></textarea> </div> <label for="field-4-2">Field 4.2: (required, maxlength: 10) <span class="at-required-highlight">*</span></label> <div class="form-group"> <textarea name="field-4-2" id="field-4-2" required="true" maxlength="10" class="form-control"></textarea><div class="help-block at-description">Typed <span class="at-counter">0</span> of 10</div> </div> <hr> <p> <input type="submit" name="sub-1" value="Submit" class="btn btn-primary"> <input type="reset" name="res-1" id="res-1" value="Reset" class="btn btn-danger"> <input type="button" name="but-1" value="Button 1" class="btn btn-default"> </p> </form> </div> </div> </div> <div class="w3agile-validation w3ls-validation"> <div class="agile-validation agile_info_shadow"> <div class="validation-grids widget-shadow" data-example-id="basic-forms"> <div class="input-info"> <h3 class="w3_inner_tittle two">Register Form :</h3> </div> <div class="form-body form-body-info"> <form data-toggle="validator" novalidate="true" action="#" method="post"> <div class="form-group valid-form"> <input type="text" class="form-control" id="inputName" placeholder="Username" required=""> </div> <div class="form-group has-feedback"> <input type="email" class="form-control" id="inputEmail" placeholder="Email" data-error="Bruh, that email address is invalid" required=""> <span class="glyphicon form-control-feedback" aria-hidden="true"></span> <span class="help-block with-errors">Please enter a valid email address</span> </div> <div class="form-group"> <input type="password" data-toggle="validator" data-minlength="6" class="form-control" id="inputPassword" placeholder="Password" required=""> <span class="help-block">Minimum of 6 characters</span> </div> <div class="form-group"> <input type="password" class="form-control" id="inputPasswordConfirm" data-match="#inputPassword" data-match-error="Whoops, these don't match" placeholder="Confirm password" required=""> <div class="help-block with-errors"></div> </div> <div class="form-group"> <div class="radio"> <label> <input type="radio" name="gender" required=""> Female </label> </div> <div class="radio"> <label> <input type="radio" name="gender" required=""> Male </label> </div> </div> <div class="form-group"> <div class="checkbox"> <label> <input type="checkbox" id="terms" data-error="Before you wreck yourself" required=""> I have read and accept terms of use. </label> <div class="help-block with-errors"></div> </div> </div> <div class="form-group"> <button type="submit" class="btn btn-primary disabled">Submit</button> </div> </form> </div> </div> </div> <div class="agile-validation agile_info_shadow"> <div class="validation-grids validation-grids-right"> <div class="widget-shadow login-form-shadow" data-example-id="basic-forms"> <div class="input-info"> <h3 class="w3_inner_tittle two">Login form :</h3> </div> <div class="form-body form-body-info"> <form data-toggle="validator" novalidate="true" action="#" method="post"> <div class="form-group has-feedback"> <input type="email" class="form-control" id="inputEmail" placeholder="Enter Your Email" data-error="Bruh, that email address is invalid" required=""> <span class="glyphicon form-control-feedback" aria-hidden="true"></span> </div> <div class="form-group"> <input type="password" data-toggle="validator" data-minlength="6" class="form-control" id="inputPassword" placeholder="Password" required=""> </div> <div class="bottom"> <div class="form-group"> <div class="checkbox"> <label> <input type="checkbox" id="terms" data-error="Before you wreck yourself" required=""> Remember me </label> <div class="help-block with-errors"></div> </div> </div> <div class="form-group"> <button type="submit" class="btn btn-primary disabled">Login</button> </div> <div class="clearfix"> </div> </div> </form> </div> </div> </div> </div> <div class="agile-validation w3ls-validate agile_info_shadow"> <div class="inline-form widget-shadow agile-widget-shadow"> <div class="input-info"> <h3 class="w3_inner_tittle two">Recover form :</h3> </div> <div class="form-body form-body-info"> <form data-toggle="validator" novalidate="true" action="#" method="post"> <div class="form-group has-feedback"> <input type="email" class="form-control" id="inputEmail" placeholder="Email" data-error="Bruh, that email address is invalid" required=""> <span class="glyphicon form-control-feedback" aria-hidden="true"></span> </div> <div class="form-group"> <input type="text" data-toggle="validator" data-minlength="6" class="form-control" id="inputPassword" placeholder="Enter your phone number" required=""> </div> <div class="bottom"> <div class="form-group recover-button"> <button type="submit" class="btn btn-primary disabled">Login</button> </div> </div> </form> </div> </div> </div> </div> <div class="clearfix"> </div> </div> </div> <!-- //validation --> <!-- /social_media--> <div class="social_media_w3ls"> <div class="col-md-3 socail_grid_agile facebook"> <ul class="icon_w3_info"> <li><a href="#" class="wthree_facebook"> <i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li>Facebook</li> </ul> <ul class="icon_w3_social"> <li><i class="fa fa-comment-o" aria-hidden="true"></i></li> <li><i class="fa fa-envelope-o" aria-hidden="true"></i></li> <li><i class="fa fa-user" aria-hidden="true"></i></li> </ul> <div class="clearfix"></div> <div class="bottom_info_social"> <div class="col-md-4 agile_w3l_social_media_text_img"> <img src="images/admin.jpg" alt=""> </div> <div class="col-md-8 agile_w3l_social_media_text"> <h4>Hurisa Joe</h4> <p>Lorem ipsum dolor sit amet</p> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-3 socail_grid_agile twitter"> <ul class="icon_w3_info"> <li><a href="#" class="wthree_facebook"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li>Twitter</li> </ul> <ul class="icon_w3_social"> <li><i class="fa fa-comment-o" aria-hidden="true"></i></li> <li><i class="fa fa-envelope-o" aria-hidden="true"></i></li> <li><i class="fa fa-user" aria-hidden="true"></i></li> </ul> <div class="clearfix"></div> <div class="bottom_info_social"> <div class="col-md-4 agile_w3l_social_media_text_img"> <img src="images/a1.jpg" alt=""> </div> <div class="col-md-8 agile_w3l_social_media_text"> <h4>Jasmin Joe</h4> <p>Lorem ipsum dolor sit amet</p> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-3 socail_grid_agile gmail"> <ul class="icon_w3_info"> <li><a href="#" class="wthree_facebook"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li> <li>Google+</li> </ul> <ul class="icon_w3_social"> <li><i class="fa fa-comment-o" aria-hidden="true"></i></li> <li><i class="fa fa-envelope-o" aria-hidden="true"></i></li> <li><i class="fa fa-user" aria-hidden="true"></i></li> </ul> <div class="clearfix"></div> <div class="bottom_info_social"> <div class="col-md-4 agile_w3l_social_media_text_img"> <img src="images/a2.jpg" alt=""> </div> <div class="col-md-8 agile_w3l_social_media_text"> <h4>John Pal</h4> <p>Lorem ipsum dolor sit amet</p> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-3 socail_grid_agile dribble"> <ul class="icon_w3_info"> <li><a href="#" class="wthree_facebook"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li> <li>Dribble</li> </ul> <ul class="icon_w3_social"> <li><i class="fa fa-comment-o" aria-hidden="true"></i></li> <li><i class="fa fa-envelope-o" aria-hidden="true"></i></li> <li><i class="fa fa-user" aria-hidden="true"></i></li> </ul> <div class="clearfix"></div> <div class="bottom_info_social"> <div class="col-md-4 agile_w3l_social_media_text_img"> <img src="images/a4.jpg" alt=""> </div> <div class="col-md-8 agile_w3l_social_media_text"> <h4>Honey Pal</h4> <p>Lorem ipsum dolor sit amet</p> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </div> <!-- //social_media--> </div> <!-- //inner_content_w3_agile_info--> </div> <!-- //inner_content--> </div> <!-- banner --> <!--copy rights start here--> <div class="copyrights"> <p>© 2017 Esteem. All Rights Reserved | Design by <a href="http://w3layouts.com/" target="_blank">W3layouts</a> </p> </div> <!--copy rights end here--> <!-- js --> <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> <script src="js/modernizr.custom.js"></script> <script src="js/classie.js"></script> <script src="js/gnmenu.js"></script> <script> new gnMenu( document.getElementById( 'gn-menu' ) ); </script> <!-- input-forms --> <script type="text/javascript" src="js/valida.2.1.6.min.js"></script> <script type="text/javascript" > $(document).ready(function() { // show Valida's version. $('#version').valida( 'version' ); // Exemple 1 $('.valida').valida(); // Exemple 2 /* $('.valida').valida({ // basic settings validate: 'novalidate', autocomplete: 'off', tag: 'p', // default messages messages: { submit: 'Wait ...', required: 'Este campo é obrigatório', invalid: 'Field with invalid data', textarea_help: 'Digitados <span class="at-counter">{0}</span> de {1}' }, // filters & callbacks use_filter: true, // a callback function that will be called right before valida runs. // it must return a boolan value (true for good results and false for errors) before_validate: null, // a callback function that will be called right after valida runs. // it must return a boolan value (true for good results and false for errors) after_validate: null }); */ // setup the partial validation $('#partial-1').on('click', function( ev ) { ev.preventDefault(); $('#res-1').click(); // clear form error msgs $('form').valida('partial', '#field-1'); // validate only field-1 $('form').valida('partial', '#field-1-3'); // validate only field-1-3 }); }); </script> <!-- //input-forms --> <!--validator js--> <script src="js/validator.min.js"></script> <script src="js/screenfull.js"></script> <script> $(function () { $('#supported').text('Supported/allowed: ' + !!screenfull.enabled); if (!screenfull.enabled) { return false; } $('#toggle').click(function () { screenfull.toggle($('#container')[0]); }); }); </script> <script src="js/jquery.nicescroll.js"></script> <script src="js/scripts.js"></script> <script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script> </body> </html>
Copyright © 2025 - UnknownSec