Javascript form validation with password confirming

Question

I am trying to write a registration page and I am having the hardest time     lt form  action  insert php  method  post  gt       lt h1 gt Registration  lt  h1 gt       lt input type  text  name  first  placeholder  First name  gt       lt input type  text  name  last  placeholder  Last name  gt  lt br   gt       lt input type  text  name  username  placeholder  Username  gt   lt br   gt       lt input type  password  name  password  placeholder  password  gt   lt br   gt       lt input type  password  name  confirmPass  placeholder  Confirm Password  gt   lt br   gt       lt input type  submit  value  Register  gt   lt  form gt    This is my code on the registration page  How do I call my JavaScript function and have it still post and do the action  I made this as a simple module which is separate but I would want to merge them   lt input id  pass1  type  password  placeholder  Password  style  border-radius 7px  border 2px solid  dadada     gt   lt br   gt   lt input id  pass2  type  password  placeholder  Confirm Password  style  border-radius 7px  border 2px solid  dadada    gt   lt br   gt    lt script gt      function myFunction             var pass1   document getElementById  pass1   value          var pass2   document getElementById  pass2   value          if  pass1    pass2                  alert  Passwords Do not match                document getElementById  pass1   style borderColor     E34234               document getElementById  pass2   style borderColor     E34234                     else               alert  Passwords Match                        lt  script gt    lt button type  button  onclick  myFunction    gt Sumbit lt  button gt    I do not need help merging them  I know I would have to switch some things around  but if they are together  how do I call the JavaScript function   This will be done more neatly after I figure out what to do  So what would be the best way to call my JavaScript function and if it is successful proceed to post and action part of the form  I could ditch the submit button and just do a button type that calls the JavaScript function but what happens if it works or not  I essentially  at this point  want to make sure the passwords are the same and if not  don t move forward to the insert php but if they do match  the pass the form data along to insert php

User · Answer

add this to your form    lt form  id  regform  action  insert php  method  post  gt    add this to your function    lt script gt      function myFunction             var pass1   document getElementById  pass1   value          var pass2   document getElementById  pass2   value          if  pass1    pass2                  alert  Passwords Do not match                document getElementById  pass1   style borderColor     E34234               document getElementById  pass2   style borderColor     E34234                     else               alert  Passwords Match                   document getElementById  regForm   submit                     lt  script gt

User · Answer

if      Password   val          ConfirmPassword   val                alert  Passwords do not match               A JQuery approach that will eliminate needless code

User · Answer

Just add onsubmit event handler for your form    lt form  action  insert php  onsubmit  return myFunction    method  post  gt    Remove onclick from button and make it input with type submit   lt input type  submit  value  Submit  gt    And add boolean return statements to your function   function myFunction         var pass1   document getElementById  pass1   value      var pass2   document getElementById  pass2   value      var ok   true      if  pass1    pass2              alert  Passwords Do not match            document getElementById  pass1   style borderColor     E34234           document getElementById  pass2   style borderColor     E34234           return false            else           alert  Passwords Match                 return ok

[javascript] Javascript form validation with password confirming

Examples related to javascript

Examples related to html

Examples related to forms

[javascript] Javascript form validation with password confirming

Examples related to javascript

Examples related to html

Examples related to forms

Examples related to login