Javascript - Uncaught ReferenceError: function is not defined

Question

I am relatively new at Javascript, and I have a page that calls a javascript function on onkeyup, but when called it throws an exception, Uncaught ReferenceError: validate is not defined.

<script type="text/javascript">
    function validate(id){
        alert(id);
        $.ajax({
            url: "http://example.com/restaurant/submit/verify",
            type: "POST",
            dataType: 'json',
            data: {
                field: id,
                content: $('#' + id).val()
            }
            success: function(data){
                alert(data);
                if(data.status == "PASSED"){
                    $('#' + id).removeClass('has-error');
                    $('#' + id).addClass('has-success');
                } else if(data.status == "FAILED") {
                    $('#' + id).removeClass('has-success');
                    $('#' + id).addClass('has-error');
                    $('#' + id + ' div').append('<span class="help-inline">' + data.error + '</span>')
                }
            }
        });
    }
</script>

Any help is greatly appreciated, if you need more info, don't hesitate to ask. Thanks for any and all help.

I call validate from an input tag in a onkeyup attribut like so: <input onkeyup="validate('street')" autocomplete="off" class="form-control" type="text" value="" name="street" id="street" /> — Ian Woodfill
– Ian Woodfill, Commented Nov 28, 2014 at 6:09

Salil Dabholkar · Accepted Answer · 2014-11-28 06:12:29Z

1

You forgot a comma and a semicolon:

    function validate(id){
    alert(id);
    $.ajax({
        url: "http://example.com/restaurant/submit/verify",
        type: "POST",
        dataType: 'json',
        data: {
            field: id,
            content: $('#' + id).val()
        }, // Here
        success: function(data){
            alert(data);
            if(data.status == "PASSED"){
                $('#' + id).removeClass('has-error');
                $('#' + id).addClass('has-success');
            } else if(data.status == "FAILED") {
                $('#' + id).removeClass('has-success');
                $('#' + id).addClass('has-error');
                $('#' + id + ' div').append('<span class="help-inline">' + data.error + '</span>'); // and here
            }
        }
    });
}

answered Nov 28, 2014 at 6:12

Salil Dabholkar

6223 silver badges7 bronze badges

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

2 Comments

Ian Woodfill Over a year ago

Wow I feel like an idiot, sorry I was misunderstanding because it told me that the function was undefined

Salil Dabholkar Over a year ago

No problem. If this post solved your issue, please mark it as a correct answer

Collectives™ on Stack Overflow

Javascript - Uncaught ReferenceError: function is not defined

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related