Validate html form with javascript -


i want validate user input javascript before sending data server, when try browser doesn't display alert message.

i cannot find problem. please me. thank you!

my html:

    <title>login page</title>      <script type="text/javascript" src="../js/functions.js"></script>  </head>  <body>      <div id="content">           <form name="signin_form"  action="../processes/login_process.php" onsubmit="return checklogindata()"  method="post">            <h1>accesso utente</h1>            <p>              <label for='tf_nick'>nick</label>              <input type='text' id='tf_nick' name='tf_nick' value="">               <label for='tf_password'>password</label>              <input type='password' id='tf_password' name='tf_password' value=''>               <input type='submit' value='ok'>              <input type='reset' value='pulisci'>            </p>          </form>       </div>  </body>

my javascript:

    function checklogindata(){          var formobj = document.signin_form;              var nick    = "" + formobj.tf_nick.value;         var pass    = "" + formobj.tf_password.value;          if ( nick == "" ) {             alert("inserisci il nick per accedere!");             return false;          } else if ( pass == "" ) {             alert("inserisci la password per accedere!");             return false;          } else {              var regexnick = /(?=.*[0-9])(?=.*[a-za-z%])^[a-za-z0-9%]{3,6}$/;                     var regexpass = /(?=.*[a-z])(?=.*[a-z])^[a-za-z]{4,8}$/;              if ( !regexnick.test(nick) ){                 alert("nick non valido!");                 return false;              } else if ( !regexpass.test(pass) ) {                 alert("password non valida!");                 return false;              } else {                 return true;             }         }     }

this file system:

main_folder/pages/login.php main_folder/js/functions.js

i created jsfiddle copy/pasted code , there works fine: http://jsfiddle.net/872d6ssn/1/ (code included below because stackoverflow demands that, it's copy)

are sure include js file in correct way? seems you're not including file @ all.

html 

      <h1>accesso utente</h1>        <p>          <label for='tf_nick'>nick</label>          <input type='text' id='tf_nick' name='tf_nick' value="">           <label for='tf_password'>password</label>          <input type='password' id='tf_password' name='tf_password' value=''>           <input type='submit' value='ok'>          <input type='reset' value='pulisci'>        </p>      </form>

javascript

  function checklogindata(){     var formobj = document.signin_form;          var nick    = "" + formobj.tf_nick.value;     var pass    = "" + formobj.tf_password.value;      if ( nick == "" ) {         alert("inserisci il nick per accedere!");         return false;      } else if ( pass == "" ) {         alert("inserisci la password per accedere!");         return false;      } else {          var regexnick = /(?=.*[0-9])(?=.*[a-za-z%])^[a-za-z0-9%]{3,6}$/;                 var regexpass = /(?=.*[a-z])(?=.*[a-z])^[a-za-z]{4,8}$/;          if ( !regexnick.test(nick) ){             alert("nick non valido!");             return false;          } else if ( !regexpass.test(pass) ) {             alert("password non valida!");             return false;          } else {             return true;         }     } }

Comments

Post a Comment

Popular posts from this blog

javascript - Jquery show_hide, what to add in order to make the page scroll to the bottom of the hidden field once button is clicked -

i have button on website when clicked, reveals map. button can seen when page first loads up, when clicked, section holding map slides open , goes out of screen since page loads @ top (normal). want page scroll down bottom of div select when button pushed, if map out of screen. if page scrolled down, , clicks show map button, don't want page jump bottom of map. i tried figure out myself, no luck. seasoned jquery coders able give me guidance? many thanks! map = mapdiv.gmap3("get"); infobox = new infobox({ pixeloffset: new google.maps.size(-220, -310), closeboxurl: '', enableeventpropagation: true }); mapdiv.delegate('.infobox .close','click',function () { infobox.close(); }); jquery(".slidingdiv").hide(); jquery(".show_hide").show(); jquery('.show_hide').click(function(){ lastcenter=map.getcenter(); jquery(".slidingdiv&quo
Read more

javascript - Highcharts multi-color line -

Image
i looking create highchart multi-colored line. if goes down under value, become red, , when comes on value, become green . here picture example: or maybe highcharts have other charts models differentiate high or low level color? you can achieve coloring using lineargradient coloring: color: { lineargradient: { x1: 0, x2: 0, y1: 0, y2: 1 }, stops: [ [0, 'red'], [0.25, 'yellow'], [0.50, 'green'], [0.75, 'yellow'], [1, 'red'] ] } here 0 in stops relates minimum value of series , 1 maximum value, , in between percentages between values. if find percentages according values prior creating chart use correct stops values make relate specific values in data (at least approximately). see this jsfiddle example .
Read more

javascript - Enter key does not work in search box -

tried search guys sorry. input in search box doesnt work (or search) when hit enter when user clicks search button. doing wrong? here code. thanks. <script type="text/javascript"> $(document).ready(function() { $("#submit").click(function() { var url = "http://asla.org/awardssearch.html"; url += "?s=" + $('#googlecse').val(); window.location = url; }); $('#googlecse').keydown(function(event) { if (event.keycode == '13') { $("#submit").click(); } else { //do nothing :) } }); }); </script> <form class="navbar-form navbar-right" role="search"> <div class="search"> <input id="googlecse" type="text" onblur="if(this.value=='')this.value=this.defaultvalue;" onfocus="if(this.value==this.defaultvalue)t
Read more