Mailto on submit button

Question

Is it possible to implement mailto  function on submit button like  lt input type  submit    gt   I use ASP NET MVC  Maybe there is some tricky controller action result to achieve this  Could you please help me   P S  I know that I can make anchor looks like a button

User · Answer

Or you can create a form with action mailto   lt form action  mailto rohit k com  gt     check this out   http   webdesign about com od forms a aa072699mailto htm  But this actually submits a form via email Is this what you wanted  You can also use just   lt button onclick    gt  and then some javascript with it to ahieve this   And you can make a  lt a gt  look like button  There can be a lot of ways to work this around  Do a little search

User · Answer

What you need to do is use the onchange event listener in the form and change the href attribute of the send button according to the context of the mail    lt form id  form  onchange  mail this   gt     lt label gt Name lt  label gt     lt div class  row margin-bottom-20  gt       lt div class  col-md-6 col-md-offset-0  gt         lt input class  form-control  name  name  type  text  gt       lt  div gt     lt  div gt      lt label gt Email  lt span class  color-red  gt   lt  span gt  lt  label gt     lt div class  row margin-bottom-20  gt       lt div class  col-md-6 col-md-offset-0  gt         lt input class  form-control  name  email  type  text  gt       lt  div gt     lt  div gt      lt label gt Date of visit departure  lt  label gt     lt div class  row margin-bottom-20  gt       lt div class  col-md-3 col-md-offset-0  gt         lt input class  form-control w8em  name  adate  type  text  gt         lt script gt          datePickerController createDatePicker                Associate the text input to a DD MM YYYY date format           formElements                 adate     d  m  Y                                 lt  script gt       lt  div gt       lt div class  col-md-3 col-md-offset-0  gt         lt input class  form-control  name  ddate  type  date  gt       lt  div gt     lt  div gt      lt label gt No  of people travelling with lt  label gt     lt div class  row margin-bottom-20  gt       lt div class  col-md-3 col-md-offset-0  gt         lt input class  form-control  placeholder  Adults  min 1 name  adult  type  number  gt       lt  div gt       lt div class  col-md-3 col-md-offset-0  gt         lt input class  form-control  placeholder  Children  min 0 name  childeren  type  number  gt       lt  div gt     lt  div gt      lt label gt Cities you want to visit lt  label gt  lt br   gt     lt div class  checkbox-inline  gt       lt label gt  lt input type  checkbox  name  city  value  Cassablanca  gt Cassablanca lt  label gt     lt  div gt     lt div class  checkbox-inline  gt       lt label gt  lt input type  checkbox  name  city  value  Fez  gt Fez lt  label gt     lt  div gt     lt div class  checkbox-inline  gt       lt label gt  lt input type  checkbox  name  city  value  Tangier  gt Tangier lt  label gt     lt  div gt     lt div class  checkbox-inline  gt       lt label gt  lt input type  checkbox  name  city  value  Marrakech  gt Marrakech lt  label gt     lt  div gt     lt div class  checkbox-inline  gt       lt label gt  lt input type  checkbox  name  city  value  Rabat  gt Rabat lt  label gt     lt  div gt      lt div class  row margin-bottom-20  gt       lt div class  col-md-8 col-md-offset-0  gt         lt textarea rows  4  placeholder  Activities Intersted in  name  activities  class  form-control  gt  lt  textarea gt       lt  div gt     lt  div gt       lt div class  row margin-bottom-20  gt       lt div class  col-md-8 col-md-offset-0  gt         lt textarea rows  6  class  form-control  name  comment  placeholder  Comment  gt  lt  textarea gt       lt  div gt     lt  div gt      lt p gt  lt a id  send  class  btn btn-primary  gt Create Message lt  a gt  lt  p gt   lt  form gt    JavaScript  function mail form        var name   form name value      var city           var adate   form adate value      var ddate   form ddate value      var activities   form activities value      var adult   form adult value      var child   form childeren value      var comment   form comment value      var warning          for  i   0  i  lt  form city length  i              if  form city i  checked              city          form city i  value            var str    mailto abc x com subject travel to morocco amp body        if  name length  gt  0            str     Hi my name is     name               else           warning     Name is required            if  city length  gt  0            str     I am Intersted in visiting the following citis      city                   if  activities length  gt  0            str     I am Intersted in following activities      activities                  if  adate length  gt  0            str     I will be ariving on     adate            if  ddate length  gt  0            str      And departing on     ddate            if  adult length  gt  0            if  adult    1  amp  amp  child    null                str       I will be travelling alone            else if  adult  gt  1                str      We will have a group of     adult     adults                      if  child    null                str                   else if  child  gt  1                str     along with     child     children              else if  child    1                str     along with a child                         if  comment length  gt  0            str      0D 0A    comment                  if  warning length  gt  0            alert warning        else           str      0D 0ARegards  0D 0A    name          document getElementById  send   href   str

User · Answer

In HTML you can specify a mailto  address in the  lt form gt  element s  action  attribute    lt form action  mailto youraddr domain tld  method  GET  gt       lt input name  subject  type  text    gt       lt textarea name  body  gt  lt  textarea gt       lt input type  submit  value  Send    gt   lt  form gt    What this will do is allow the user s email client to create an email prepopulated with the fields in the  lt form gt    What this will not do is send an email

User · Answer

The full list of possible fields in the html based email-creating form    subject cc bcc body    lt form action  mailto youraddr domain tld  method  GET  gt     lt input name  subject  type  text    gt  lt  br gt     lt input name  cc  type  email    gt  lt br   gt     lt input name  bcc  type  email    gt  lt br   gt     lt textarea name  body  gt  lt  textarea gt  lt br   gt     lt input type  submit  value  Send    gt   lt  form gt    https   codepen io garfunkel61 pen oYGNGp

User · Answer

This seems to work fine    lt button onclick  location href  mailto em i l    gt send mail lt  button gt

User · Answer

Just include  a  tag in  button  tag    lt button gt  lt a href  mailto      gt  lt  a gt  lt  button gt

[html] Mailto on submit button

Examples related to html

Examples related to asp.net-mvc

Examples related to mailto