js 学习笔记——4 （js实现表单验证、html自动验证）

最新推荐文章于 2021-07-01 17:52:27 发布

爱吃芝士

最新推荐文章于 2021-07-01 17:52:27 发布

阅读量235

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/qq_36193933/article/details/95043808

版权

学习笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

js 表单验证

js可以通过js函数实现对html表单中收到的数据进行验证

<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("需要输入名字。");
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="demo_form.php"
onsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

HTML 表单验证也可以通过浏览器来自动完成。

如果表单字段 (fname) 的值为空, required 属性会阻止表单提交：

<form action="demo_form.php" method="post">
  <input type="text" name="fname" required="required">
  <input type="submit" value="提交">
</form>

<p>点击提交按钮，如果输入框是空的，浏览器会提示错误信息。</p>

js 约束验证
https://www.runoob.com/js/js-validation-api.html
略

爱吃芝士

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js 学习笔记——4 （js实现表单验证、html自动验证）

js 表单验证js可以通过js函数实现对html表单中收到的数据进行验证<script>function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == null || x == "") { alert("需要输入名字。"); re...
复制链接

扫一扫