Javascript onClick 不执行

Question

I created a button code. See below:

<input type="button" style="background-color: red" value="Login" onclick="tmpl_login_frm();" href="javascript:void(0);" data-reveal-id="tmpl_reg_login_container">

When I click on the button the button is not working and it doesn't execute the javascript. Can you please help me fix it?

I would like to show this button anywhere at post or page.

Answer 1

Your code works perfectly fine. I added below javascript and it worked as expected. Please try adding this to your code and see if it works -

<input type="button" style="background-color: red" value="Login" onclick="tmpl_login_frm();" href="javascript:void(0);" data-reveal-id="tmpl_reg_login_container">

<script>
    function tmpl_login_frm() {
        console.log('vivek');
    }
</script>

But yes you should not use href with inputs as this is an invalid HTML.

Answer 2

I tried this and it is working. Please check. Ref: https://jsfiddle.net/hcumg4bq/1/

<input type="button" style="background-color: red" value="Login" onclick="tmpl_login_frm();" data-reveal-id="tmpl_reg_login_container">
    <script>
        function tmpl_login_frm() {
            window.alert("I'm clicked");
        }
    </script>

Answer 3

<input type="button" style="background-color: red" value="Login" onclick="tmpl_login_frm();" href="javascript:void(0);" data-reveal-id="tmpl_reg_login_container">
<script>
    function tmpl_login_frm() {
       alert("tmpl_login_frm");
    }
</script>

this code is work for me

Answer 4

your Code worked fine for me...
maybe it's because your navigator doesn't allow alerts !!

Open Chrome.
In the upper right corner of the browser window, click the Chrome menu ☰
Click Settings > Show advanced settings.
In the "Privacy" section, click Content settings.
In the dialog that appears, go to "Notifications" and choose the following:
Allow all sites to show notifications: You'll automatically see notifications from all websites.

 <input type="button" style="background-color: red" value="Login" onclick="tmpl_login_frm();" data-reveal-id="tmpl_reg_login_container"> <script> function tmpl_login_frm() { window.alert("I'm clicked"); } </script>