email输入的提交验证

<pre name="code" class="html"><html>
<head>  
    <title>javascript</title>  
    <script language="javascript">  
    function validate(f) {  
        var value = f.email.value;  
        if(!/^\w+@\w+.\w+$/.test(value)) {  
            alert("EMAIL 输入格式不正确!");  
            f.email.focus();  
            f.email.select();  
            return false;  
        } else {
            alert("提交成功!");   
        }


        return true;  
    }  
    </script>  
</head>  
<body>  
<form action="" method="post" name="myform" onSubmit="return validate(this)">  
EMAIL:<input type="text" name="email">  
<input type="submit" value="提交">  
</form>  
</body>  
</html>  
 

在email编辑框中输入“123”,点击提交,这时系统提示email格式输入不正确,如下图所示:


这时焦点锁定email编辑框中,重新输入“781874379@qq.com”,点击提交,这时系统提示提交成功,如下图所示:


这个小程序完成了email的输入提交验证!!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值