Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
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 (2)


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



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.


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  :(