Question

I have a text field and a button.

I want to validate the field, and if the validation fails, the button should not “submit”.

This is my button:

<input type="submit"  onsubmit="return validate()"

And this is my validation function:

function validate()
{
    var number = document.getElementById("temp");
    alert (number.value);

    if ( /^[0-9]{12}$/.test(number.value) ) 
    { 
        alert(number);
        return true;
    }
    alert ("מספר הפנייה חייב להיות בן 12 ספרות");
    return false; 
}

But it wont work, the submit occures any way.

Any ideas?

Answer 1

The onsubmit event should be attached to the form object, not the submit button.