using javascript in .html form Magento2

Question

i have a custom form.html that displays at checkout. i want to have a javascript tag - when the form load just show an alert testing purposes.

code i used below,

"<script type="text/javascript">
require(['jquery', 'jquery/ui'], function($){ 
    $('document').ready(function(){
        console.log("this")
        alert('Load');
        document.getElementById('pinverify').style.display = "none";
        document.getElementById('labelBalance').style.display = "none";

        document.getElementById('payment[custom_field_one]').value =""; 
        document.getElementById('OTP').value= "";
        document.getElementById('payment[custom_field_three]').value = "";

   $('#verify').click(function(){

       checkOTPField();

    });
"

but this alias does not work, is there a different alias used in magento 2?

Thank you

[namespace]/[ModuleName]/view/frontend/web/template/payment/form.html — Radhiyah Williams
– Radhiyah Williams, Commented Sep 26, 2018 at 13:54
i have created a custom form i have a textbox on the form aswell as a button i would like to run the javscript for that button within the html form $(button).click function - but its not allowing me to do that — Radhiyah Williams
– Radhiyah Williams, Commented Sep 26, 2018 at 14:47
Hey have you override this from (web/template/payment/form.html) from any core module? @RadhiyahWilliams — Rutvee Sojitra
– Rutvee Sojitra, Commented Sep 27, 2018 at 6:54

Sourabh Kumar Sharma · Accepted Answer · 2018-09-26 13:54:14Z

0

Assuming that you checked and do not have any error in your js code. Possible reason for the changes to not reflect is that you did not run the content:deploy command after making the changes:

Please run the below commands:

bin/magento cache:clean
bin/magento setup:static-content:deploy

answered Sep 26, 2018 at 13:54

Sourabh Kumar Sharma

9737 silver badges19 bronze badges

Add a comment |

Stack Exchange Network

using javascript in .html form Magento2

1 Answer 1

Your Answer

Hot Network Questions

using javascript in .html form Magento2

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions