JavaScript function() is not a function

Question

I have a strange error Or I'm being dumb and when I search for my error I don't get the answer I need.

I am trying to have some javascript run if a certain key "/" is pressed in a text box.

Here is the Code:

function ClockIn(){
    var kb_press = event.keyCode;
    if(kb_press == 47)
    {
        alert("you are clocking in");
        if(document.ClockIn.status.value === "IN"){
            alert("You Cant Clock in wile you are already Clocked in\n Please try again!")
            document.ClockIn.tx_Barcode.value, document.ClockIn.status.value, document.ClockIn.name.value = "";
        }
    }
}

<form method="POST" name="ClockIn">
<lable>Type your BarCode <input type="text" name="tx_Barcode" id="tx_Barcode" class="tx_Barcode" onkeypress="ClockIn()" ></lable><br>
<lable>Is your Name? <input type="text" name="name"></lable><br>
<lable>You are currently Signed <input type="text" name="status"></lable><br>
</form>

My result is: ClockIn is not a function

Consider using an event listener instead?

evolutionxbox
– evolutionxbox

2021-04-27 10:23:31 +00:00
Commented Apr 27, 2021 at 10:23 — evolutionxbox
– evolutionxbox, Commented Apr 27, 2021 at 10:23
Also: <lable>...?

deceze
– deceze ♦

2021-04-27 10:25:43 +00:00
Commented Apr 27, 2021 at 10:25 — deceze
– deceze ♦, Commented Apr 27, 2021 at 10:25

DRE · Accepted Answer · 2021-04-28 04:30:02Z

6

The problem here is you've named your "ClockIn" form, so due to age-old quirks in how HTML interacts with JavaScript, the ClockIn form overwrites your global ClockIn function.

Maybe rename the form "ClockInForm"? Better yet, though, you might want to use document.getElementById("...") to refer to elements.

edited Apr 28, 2021 at 4:30

DRE

33314 silver badges45 bronze badges

answered Apr 27, 2021 at 10:24

AKX

171k16 gold badges146 silver badges228 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

X30nPlayerOne Over a year ago

You're right It didn't like being called ClockIn so I changed to InCheck. Thank you

Collectives™ on Stack Overflow

JavaScript function() is not a function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related