javascript常见使用

幽灵Elliot

于 2017-11-01 10:23:47 发布

阅读量189

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/jieweiwo123/article/details/78411214

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种简单的前端JavaScript表单验证方法，通过自定义函数实现对email字段的必填项验证，并展示了如何使用getElementById及getElementsByTagName进行DOM元素的操作。

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

1.email验证

代码：

<script type="text/javascript">
function validate_required(field,alerttxt)
{
    with(field)
    {
        if(value==null||value=="")
        {
            alert(alerttxt);return false;
        }
        else
        {
            return true;
        }
    }
}
function validate_form(thisform)
{
    with(thisform)
    {
        if(validate_required(email,"Email must be filled out!")==false)
        {
            email.focus();return false;
        }
    }
}
</script>

用法：

<form action="#" onsubmit="validate_form(this)" method="post">
    Email:<input type="text" name="email" size="30">
    <input type="submit" value="Submit">
</form>