Submit button not working in Bootstrap form

Question

I have a form in Bootstrap 3 that s inside a modal  There s a button called  submit  where when it s clicked the stuff that was entered in the form should be sent to an email address  Although when I click  Submit  nothing happens   Does anyone know why this happens  Here s the form    lt div class  modal fade  id  contactPop  tabindex  -1  role  dialog  aria-labelledby  contactModal  aria-hidden  true  gt        lt div class  modal-dialog  gt           lt div class  modal-content  gt              lt div class  modal-header  gt                 lt  -- Close button  -- gt                 lt button type  button  class  close  data-dismiss  modal  aria-hidden  true  gt  amp times  lt  button gt                 lt  -- Title  -- gt                 lt h3 class  modal-title  style  font-family   Lato   sans-serif  font-weight  700   gt                   Contact Us  lt small style  font-family   Lato   sans-serif  font-weight 400   gt  You matter to us  lt  small gt                 lt  h3 gt              lt  div gt               lt  -- User input fields  -- gt              lt form class  contact  action  process php  method  post  gt              lt div class  modal-body  gt                 lt div class  row  gt                    lt div class  col-sm-6  gt                       lt label class  control-label  gt Subject lt  label gt                       lt input type  text  class  form-control  required  required  placeholder  I aciddentally the website   name  subject  gt                    lt  div gt                    lt div class  col-sm-6  gt                       lt label class  control-label  gt Username lt  label gt                       lt input type  text  class  form-control  required  required  placeholder  Notch  name  username  gt                    lt  div gt                 lt  div gt                 lt br gt                  lt div class  row  gt                    lt div class  col-sm-6  gt                       lt label class  control-label  gt Message lt  label gt                       lt textarea class  form-control  rows  8  style  resize  vertical   required  required  placeholder  Lorem ipsum dolor sit amet  consectetur adipiscing elit  Nam eget fermentum justo  sit amet semper   name  message  gt  lt  textarea gt                    lt  div gt                     lt div class  col-sm-6  gt                       lt label class  control-label  gt Email lt  label gt                       lt input type  email  class  form-control  required  required  placeholder  johnsmith example com  name  email  gt                    lt  div gt                     lt div class  col-sm-6  style  line-height  21px   gt                       lt br gt                       lt p gt Responses are usually received within 1-2 business days  lt  p gt                       lt p gt Please be as clear and concise as possible  in order to help us process your inquiry faster  lt  p gt                    lt  div gt                 lt  div gt              lt  div gt               lt  -- Close  amp  submit buttons  -- gt              lt div class  modal-footer  gt                 lt button type  button  class  btn btn-info  data-dismiss  modal  gt  lt i class  glyphicon glyphicon-remove  gt  lt  i gt  Close lt  button gt                 lt button type  button  value   Send  class  btn btn-success  type  submit  id  submit  gt  lt i class  glyphicon glyphicon-inbox  gt  lt  i gt  Submit lt  button gt              lt  div gt           lt  div gt        lt  div gt     lt  div gt      There s also the process php that sends the form  which is here    lt  php   add the recipient s address here  myemail    contact tinymine info      grab named inputs from html then post to  thanks if  isset   POST  name        name   strip tags   POST  name      email   strip tags   POST  email      message   strip tags   POST  message     echo   lt span class   alert alert-success    gt Your message has been received  and we will get                 back to you as soon as possible  Here is what you submitted  lt  span gt  lt br gt  lt br gt    echo   lt stong gt Name  lt  strong gt     name   lt br gt       echo   lt stong gt Email  lt  strong gt     email   lt br gt     echo   lt stong gt Message  lt  strong gt     message   lt br gt       generate email and send   to    myemail   email subject    Contact form submission   name    email body    You have received a new message       Here are the details  n Name   name  n     Email   email n Message  n  message    headers    From   myemail n    headers     Reply-To   email   mail  to  email subject  email body  headers       gt    And then in the index there s also the javascript that is supposed to submit the form     lt script type  text javascript  gt         document  ready function         input submit   click function          ajax           type   POST           url   process php     process to mail         data     form contact   serialize            success  function msg                   thanks   html msg    hide button and show thank you                 form-content   modal  hide      hide popup                      error  function                alert  failure                                 lt  script gt    If someone could help that would be greatly appreciated

User · Answer

The  btn classes are designed for     or  elements  though some browsers may apply a slightly different rendering    If you   re using  btn classes on  elements that are used to trigger functionality ex  collapsing content  these links should be given a role  button  to adequately communicate their meaning to assistive technologies such as screen readers   I hope this help

User · Answer

Replace this     lt button type  button  value   Send  class  btn btn-success  type  submit  id  submit  gt    with   lt button  value   Send  class  btn btn-success  type  submit  id  submit  gt

User · Answer

If you put type submit it is a Submit Button    if you put type button it is just a button  It does not submit your form inputs       and also you don t want to use both of these

User · Answer

Your problem is this    lt button type  button  value   Send  class  btn btn-success  type  submit  id  submit    gt    You ve set the type twice  Your browser is only accepting the first  which is  button     lt button type  submit  value   Send  class  btn btn-success  id  submit    gt

[javascript] Submit button not working in Bootstrap form

Examples related to javascript

Examples related to php

Examples related to html

Examples related to forms

Examples related to twitter-bootstrap