Validating a field before submitting

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

应将onsubmit事件附加到form对象，而不是提交按钮。

Answer 2

It should be like this:

<form id = "myform" onsubmit="return validate()" action = "mypage.php">


<input type="submit">

</form>

This should work...