表单验证的onsubmit()方法

onsubmit()

在表单（form）中提交会用到submit提交，但在表单验证中验证中如果使用submit会直接提交并不会阻止提交，我们可以用javaScript中的onsubmit()方法来阻止提交
如果只用submit提交的话不会验证表单中的元素直接跳过；在form表单中添加onsubmit()方法就可以解决这个问题
html部分

<form onsubmit="return f()">
    <input type="text" id="number" placeholder="请输入数字"/>
    <input type="submit" value="提交"/>
</form>

onsubmit要加在中，οnsubmit="return f()"必须加上return方法，return判断返回值是true或者false，true提交，false则不提交
script部分

    function f() {
        var number = document.getElementById("number").value;
        var numberReg = /^[0-9]+$/;
        if(numberReg.test(number)) {
            alert("成功");
            return true;
        }else{
            alert("失败");
            return false;
        }
    }

script中验证的结果一定要有返回值！