码迷,mamicode.com
首页 > 其他好文 > 详细

10.28-个人项目中的收获2

时间:2017-10-28 11:17:19      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:方法   validate   htm   code   fun   username   alert   输入密码   简单的   

 

一个简单的表单验证

 

function getElementByName(name){
    var elements = document.getElementsByName(name);
    return elements[0];
}

function validate(){
    var element = getElementByName("username");
    if(element.value.length == 0){
        alert("请输入用户名");
        element.focus();
        return false;
    }
    
    var element = getElementByName("relpassword");
    if(element.value.length == 0){
        alert("请输入密码");
        element.focus();
        return false;
    }
    
    var element = getElementByName("relpassword2");
    if(element.value.length == 0){
        alert("请再次输入密码");
        element.focus();
        return false;
    }
    
    if(getElementByName("relpassword").value != getElementByName("relpassword2").value){
        alert("两次密码输入不一致");
        element.focus();
        return false;
    }
     
    return true;
}

 

点击切换div里面的内容

给点击按钮一个点击事件,获取div的id,在div.innerHTML里直接用``号,在里面写内容,这是其中一个方法,虽然JS报错,但是还是可以用的。

function one(){
    var a = document.getElementById("ddd");
    a.innerHTML = `<ul>
                    <li>
                        <div class="fj_img">
                            <img src="img/lyh.jpg"     class="img9">
                            <p>龙与虎</p>
                        </div>
                        <div class="fj_name">
                            <h4><a href="#">龙与虎</a></h4>
                            <p>更新至25集</p>
                        </div>
                    </li>
                                </ul>`

 

音乐播放功能

<audio src="music/RADWIMPS - 前前前世 (movie ver.).mp3" controls id="bb"></audio>

这个标签是新的标签,在一些老的浏览器上不认,而且每个浏览器显示的样子都是不一样的

10.28-个人项目中的收获2

标签:方法   validate   htm   code   fun   username   alert   输入密码   简单的   

原文地址:http://www.cnblogs.com/wang95529/p/7745903.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!