javascript how to create a validation error message without using alert

Question

I am looking to make a simple form validation error message that displays under the username field    I cannot seem to figure it out    lt form name   myform  onsubmit  validation    gt       Username   lt input type   text  name  username    gt  lt br   gt                      lt input type   submit  value  submit    gt         lt div id   errors  gt         lt  div gt   lt  form gt    Here is my validation script   function validation         if document myform username value             checking if the form is empty          document getElementById  errors   innerHTML   Please enter a username                      displaying a message if the form is empty

User · Answer

I would strongly suggest you start using jQuery  Your code would look like     function            form name  myform     submit function e            var username      form name  myform   input name  username     val            if   username                      e preventDefault                    errors   text   Please enter a username

User · Answer

You need to stop the submission if an error occured   HTML   lt form name   myform  onsubmit  return validation     gt     JS  if  document myform username value               document getElementById  errors   innerHTML   Please enter a username         return false

User · Answer

JavaScript   lt script language  javascript  gt          var flag 0          function username                         user loginform username value              if user                                    document getElementById  error0   innerHTML  Enter UserID                   flag 1                                     function password                         pass loginform password value              if pass                                    document getElementById  error1   innerHTML  Enter password                      flag 1                                   function check form                        flag 0              username                password                if flag  1                  return false              else                 return true                  lt  script gt    HTML   lt form name  loginform  action  Login  method  post  class  form-signin  onSubmit  return check this   gt                          lt div id  error0  gt  lt  div gt                       lt input type  text  id  inputEmail  name  username  placeholder  UserID  onBlur  username    gt                 controls  gt                       lt div id  error1  gt  lt  div gt                       lt input type  password  id  inputPassword  name  password  placeholder  Password  onBlur  password    onclick  make blank    gt                        lt button type  submit  class  btn  gt Sign in lt  button gt                   lt  div gt               lt  div gt           lt  form gt

[javascript] javascript how to create a validation error message without using alert

Examples related to javascript

Examples related to validation