JS表单验证

最新推荐文章于 2025-08-12 14:37:12 发布

weixin_30339969

最新推荐文章于 2025-08-12 14:37:12 发布

阅读量41

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/theWayToAce/p/5500321.html

本文提供了三个JavaScript表单验证的示例：验证单选框是否被选中、限制输入长度及验证邮箱格式。通过这些实例，读者可以了解如何在实际项目中应用表单验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、js验证radio是否选择

<!DOCTYPE >
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <script type="text/javascript" src="js/jquery-2.2.2.min.js">
    </script>

    <script type="text/javascript">
function checkform(obj) {
for (i = 0; i < obj.oo.length; i++)
if (obj.oo[i].checked == true) {
return true;
                } else {
alert("请选择")
return false;
                }
        }
    </script>
</head>

<body>

<form id="form" name="form" method="post" action="" onsubmit="return checkform(this)">
    <input type="radio" name="oo" value="radiobutton"/>选项一
    <input type="radio" name="oo" value="radiobutton"/>选项二
    <input type="submit" name="Submit" value="提交"/>
</form>
</body>

</html>



2、长度限制

<script>
function test() {
if (document.a.b.value.length > 5) {
alert("不能超过5个字符！");
         document.a.b.focus();
return false;
      }
   }
</script>
<form name="a" onsubmit="">
   <textarea name="b" cols="40" wrap="VIRTUAL" rows="6" onchange="return test()"></textarea>
</form>

3、验证邮箱格式

<script type="text/javascript">
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
            alert("请输入正确的邮箱地址！");
    }
</script>
<input type=text onblur=isEmail(this.value)>