表单验证

Posted bianzhuo

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了表单验证相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form id =‘f1‘ action="https://www.baidu.com" method="get">
    <div><input name="n1" type="text"></div>
    <div><input name="n2" type="password"></div>
    <div><input name="n3" type="text"></div>
    <div><input name="n4" type="text"></div>
    <div><input name="n5" type="text"></div>
    <input type="submit" value="提交">
</form>
<script src="jquery1.9.js"></script>
<script>
    $(‘:submit‘).click(function () {

        $(‘#f1‘).find(‘input[type="text"]‘,‘input[type="password"]‘).each(function () {
            var v=$(this).val();
            console.log(1)
            if(v.length<=0){
                return false;
            }
        });
        console.log("haha");
        return false;
    });
</script>
</body>
</html>

 

　　　　

以上是关于表单验证的主要内容，如果未能解决你的问题，请参考以下文章

原生JavaScript判断是否为邮箱危险字符验证长度验证网址验证小数整数浮点数等常用的验证

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

AngularJS

JS表单验证代码

课题实践总结

SpringBoot中表单提交报错“Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported“(代码片段