属性操作之单行输入框的简单验证

在下面的实例中，我们想输入框输入数据的时候，做一个简单的本地验证操作，这个操作的核心就是对输入框的value值进行判断。

 

效果图如下：

 

 

具体的代码如下：

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>带有判断的简单验证</title>
</head>
<body>
<p>亲！请在下面输入你感兴趣的软件课程咨询我们的老师哦...</p>
<input type="text" id="text1" placeholder="请输入课程吧">
<input type="button" id="btn1" value="咨询">
<script type="text/javascript">
    var oText = document.getElementById("text1");
    var oBtn = document.getElementById("btn1");
    oBtn.onclick = function(){
        if(oText.value == ''){
            alert("亲，输入一个你感兴趣的课程吧");
        }else if(oText.value == 'java'){
            alert("欢迎光临！我们的"+oText.value+"老师将为你解答");
        }else if(oText.value == 'php'){
            alert("欢迎光临！我们的"+oText.value+"老师将为你解答");
        }else if(oText.value == '前端'){
            alert("欢迎光临！我们的"+oText.value+"老师将为你解答");
        }else{
            alert("对不起！我们没有"+oText.value+"培训课程");
        }
    }
</script>
</body>
</html>

 

posted on 2016-05-28 11:17  冬刻忆  阅读(124)  评论(0)    收藏  举报