提交form前使用JS先进行验证

Posted wangwg1994

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了提交form前使用JS先进行验证相关的知识,希望对你有一定的参考价值。

html代码

 <form id="myForm" method="post" action="" onsubmit="return check()">
     <input id="num" type="number" onkeyup="this.value=this.value.replace(/\D/g,‘‘)"
                   onafterpaste="this.value=this.value.replace(/\D/g,‘‘)" >
    <input type="submit" id="submit" value="提交">
</form>

JS代码

<script>
    function check() {
        var num= document.getElementById("num").value;
        if (num== null || num === ‘‘) {
            alert("请填写数字");
            return false;
        }
        return true;
    }
</script>

  

以上是关于提交form前使用JS先进行验证的主要内容,如果未能解决你的问题,请参考以下文章

Django之form组件

form提交,并用js验证手机号码

form的onsubmit事件--表单提交前的验证最佳实现方式

javascprit form表单提交前验证以及ajax返回json

ajaxFileUpload上传带参数文件及JS验证文件大小

如何判断form表单是不是提交成功