Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Noob question about Keen button and POST form


I just purchased the Ultimate (https://themes.getbootstrap.com/product/keen-the-ultimate-bootstrap-admin-theme/) and the Signin page uses the button below to submit the user login form. Once clicked, the button animates but doesn't submit the form. Also, the button is enclosed within the <form> tags.

Sorry for the total noob question. What am I doing wrong?


<div class="pb-lg-0 pb-5">
<button type="submit" id="kt_login_singin_form_submit_button" class="btn btn-primary font-weight-bolder font-size-h6 px-8 py-4 my-3 mr-3">Sign In</button>
</div>



<form class="form" id="kt_login_singin_form" action="<?php echo base_url(); ?>login/doLogin" method="POST">


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Waow this is quite pleasant article, my sister love to read such type of post, I am going to tell her and bookmarking this webpage. Thanks煙油



I want you to thank for your time of this wonderful read!!! I definately enjoy every little bit of it and I have you bookmarked to check out new stuff of your blog a must read blog!bridal underwear for bride



So luck to come across your excellent blog. Your blog brings me a great deal of fun.. gift for bride bachelorette party Good luck with the site.



Hi,

Sorry for the late reply.

You will need to modify the login.js script in order to enable the form submit using standard submit buttons. In login.js we added form validation and process flow in order to enable ajax based login. If you need the classic login flow you can disable it in src/js/pages/custom/login/login.js and remove the code below:


$("#kt_login_signin_submit").on("click", function (e) {
......
});


After making changes in the src folder you will need to recompile it using:
gulp compiler. Please note that the build tools are required only in the development and for production, you will use only compiled assets folder.

Regards.



Hi JT,
Is your </form> tag after the </button>?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(