javascript - validation not working for js -


<html> <head> </head> <body> <form class="form-horizontal cmxform" id="validateform" method="get" action="../../course_controller" autocomplete="off">   <input type="text" id="course_name" name="course_name" placeholder="enter course name..." class="row-fluid" required onkeyup="javascript:validate_course_name();"> <label id="course_name_info" style="color:rgba(255,255,255,0.6);font-size:13px"> </label>    <button type="submit" name="user_action" value="add" class="btn btn-primary" onclick="javascript:validate();" >save</button> <button type="reset" class="btn btn-secondary">cancel</button>    </form> <script type="text/javascript"> /**** specific js page ****/  //validation things     function validate_course_name(){  var tcode = document.getelementbyid('course_name').value;  if( /[^a-za-z1-9 _-]/.test( tcode ) ) {  course_name_info.innerhtml="please enter alphanumeric or _,-,' ' "; return false; } else { course_name_info.innerhtml=" "; return true; }   } function validate(){   validate_course_name();  } </script> </body> </html> 

so code ...i applying alpha numeric validation on 1 field if give invalid input other characters form getting submitted doing wrong? new web appreciated:)

there several issues here. first, never returning result, if function results in false, not returned form form goes on merry way. fix, can add onsubmit form tag, or better attach onsubmit event form.

onsubmit="return validate();" 

second, need 1 function, calling function function not necessary here, , results in additional level of difficulty since need return result wrapper function, need return result form.

//validation things function validate() {     var tcode = document.getelementbyid('course_name').value;     if (/[^a-za-z1-9 _-]/.test(tcode)) {         course_name_info.innerhtml = "please enter alphanumeric or _,-,' ' ";         return false;     } else {         course_name_info.innerhtml = " ";         return true;     } } 

here working fiddle of example: http://jsfiddle.net/duffmaster33/nckhh/


Comments

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -