文本输入框和下拉菜单特效-用正则表达式验证E-mail格式

————————————————————————————

<script type="text/javascript">            
            //格式校验
            function validateInput(){
                //获得文本框的DOM
                var myText = document.getElementById("myText");
                var email = myText.value;                //获得用户输入的Email
                //定义正则表达式
                var emailReg
                    = /^([a-zA-Z0-9_-])[email protected]([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
                if(emailReg.test(email)){                //判断是否符合格式要求
                    alert("校验通过,允许提交");        //通过
                }else{
                    alert("校验失败,请检查重新输入");    //验证失败
                }
            }
        </script>

——————————————————————————————

<body style="text-align:center;" >
        <!-- 定义文本框 -->
        请输入Email:<input type="text" value="" id="myText" /><br /><br />
        <!-- 定义按钮 -->
        <input type="button" value="提交检验" id="myBtn" onclick="validateInput();"/>
    </body>

————————————————————————————————

时间: 2024-08-10 13:59:11

文本输入框和下拉菜单特效-用正则表达式验证E-mail格式的相关文章

文本输入框和下拉菜单特效-首字母或全部字母大写

—————————————————————————— <script type="text/javascript">                        //格式校验            function validateInput(){                //获得文本框的DOM                var myText1 = document.getElementById("myText1");            

文本输入框和下拉菜单特效-判断汉字的个数

————————————————————————— <script type="text/javascript">                        //进行格式校验            function sumInput(){                //获得文本框的DOM                var myText = document.getElementById("myText");                va

华丽导航CSS下拉菜单特效

华丽导航CSS下拉菜单特效,华丽导航,导航特效,CSS,下拉菜单,华丽特效. 代码地址:http://www.huiyi8.com/sc/26811.html 风景图片网:http://www.huiyi8.com/fengjing/

表单开发(二):获取单选按钮,多行文本框,下拉菜单,捆绑元素数据,用户注册

单选按钮:<input type="radio"> 多行文本框:<textarea rows="5" cols="30"></textarea> 下拉菜单:seclet option <select name="home" ><!--下拉列表--> <option value="北 京">北 京</option> <o

前端-text输入框是下拉菜单切能自动匹配

一个真心很好使的前端案例,一个输入框,里边是下拉菜单,可以根据你输入的值自动匹配 是看了下边的帖子深受启发: http://www.runoob.com/try/try.php?filename=tryhtml5_datalist <!DOCTYPE html> <html> <head>  <meta charset="utf-8">  <title>菜鸟教程(runoob.com)</title>  </

分别用js 和 html/css实现下拉菜单特效

在网站的制作过程,我们常常会遇到导航栏中会出现一级菜单,二级菜单这样的现象,到底如何实现呢?接下里我们用两种方法来实现: 1.用js来实现此效果: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css">

jsp页面刷新后保留文本输入框和下拉框的值

保留下拉框 <select name="status">     <option value="all" <c:if test="${status eq 'all'}">selected</c:if>>状态</option>     <option value="notstart" <c:if test="${status == 'notstar

形形色色的下拉菜单(特效菜单)

效果图: 素材图片: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title

div模拟select下拉菜单效果

有些时候select下拉菜单直接用css调整样式,可能会有兼容性的问题,尤其是右侧的下拉三角,很难用css控制,那怎么办呢?可以采用div模拟select下拉菜单的效果.先直接上代码了: HTML的结构如下: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>div模拟下拉菜单特效</title> <style type="t