js弹窗验证失败


之前这样打代码是有,没有输入用户名是有弹窗出来提示的,现在没有。
<script>

function s(){
    var a = document.getElementById('name1').value;
    var b = document.getElementById('pw1').value;
    var c = document.getElementById('pw2').value;

    if (a== ""||a== "null") {
        alert("请好好输入用户名!");
        return false;
    }
    else if (b== ""||b== "null") {
        alert("请正确填写密码!");
        return false;
    }
    else if (c!=b || c== "null") {
        alert("请输入与上面一样的密码");
        return false;
    }
    else{
        return true;
    }

}
</script>

放在了head标签里面,因为是初学,很多不是很明白,在这先谢过帮我的人。


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>debug</title>
        <script>
        function s(){
            var a = document.getElementById('name1').value;
            var b = document.getElementById('pw1').value;
            var c = document.getElementById('pw2').value;
            if (a == ""|| a == "null") {
            alert("请好好输入用户名!");
            return false;
            }
            else if (b == ""|| b == "null") {
            alert("请正确填写密码!");
            return false;
            }
            else if (c != b || c == "null") {
            alert("请输入与上面一样的密码");
            return false;
            }
            else{
            return true;
            }
               }
         </script>
    </head>
    <body>
    用户名:<input id="name1" type="text" value="" /><br />
    输入密码:<input id="pw1" type="password" value="" />
    <br />
    再次输入密码:<input id="pw2" type="password" value="" /><br />
    <input onclick="s()" type="button" value="确定" />
    <!--代码方面是可以执行的 是不是 你 html 方面 哪里 弄错了 -->
</body>
</html>

<script>
 
 function s(){
    var a = document.getElementById('name1').value;
    var b = document.getElementById('pw1').value;
    var c = document.getElementById('pw2').value;

    if (!a) {
        alert("请好好输入用户名!");
        return false;
    }
    else if (!b) {
        alert("请正确填写密码!");
        return false;
    }
    else if (!c||c!=b) {
        alert("请输入与上面一样的密码");
        return false;
    }
    else{
        return true;
    }

}
</script>

报错了,找不到元素,整个页面加载自上而下的,你写在head里,这时候a,b,c三个元素是找不到的,放在</body>前面,这是一种规范,也是最好的解决办法了


这段script要放到</body>之前,内容html之后。还需要调用s()来运行


function s(){} 去掉 只写里面的

另外, a=="null" 这样的判断不知道是不是你的需求要加的,

以我的理解,你是想判断是不是为空,这里是不需要的。直接写 if(a == "") 就可以了



相关阅读:
关于STUN协议中属性的一点问题
vuejs 折叠面板的展开收缩动画应该怎么实现?用vue自带的过渡效果还是css3?
关于表单页面提交信息的判断
extjs3.2 panel组件能否添加focus和blur事件
如何将全局变量i变成函数的局部变量?
vue应用嵌在微信里 ,点击微信右上角的分享其中一个页面的链接 ,怎样让用户点开来就是当前页面呢?
AngularJS路由添加controller问题
PC端API和移动端API有什么不同吗?
pycharm 如何配置 python3 的开发环境?
vue中通过this.$router.push 到当前页面,只是参数不同,页面没有重新请求数据?
vue.js2.0中set和get的问题
$.ajax 跨域 options
mysql 的IFNULL失效
webpack在安装的时候出现问题
使用websocket上传视频文件后无法播放
作用域链的问题?
angular.js高级程序设计书本开头配置环境出错,谁能给解答一下
样式和类样式区别
关于this在浏览器中的指向
在node.js里面可以使用window对象的方法吗



快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 这个新年不一般 敬亭绿雪作文100字 窗外的思绪/阳光神仙哥哥 结婚司仪简单主持词 《今夜,让我静静的想你》 期末=分别 悲伤的主题 20162月预备党员入党转正申请书 物业公司为小区业主举办的联谊晚会致辞 高三下学期班主任工作总结 学校安全管理科工作总结 10月份国旗下讲话(4) 精细化管理学习心得体会 快乐六一作文200字 一场游戏,我输了 学校“安全年”活动实施方案 允许对方错一回 长满荆棘的手 年华是一封无效信 高中高二作文800字:蓝色星球,绿色踪迹 劳动保障局*科科长党性分析材料 小区中秋活动方案 精神文明建设单位申报材料 快乐的“五一”节作文400字 酒店销售计划范文 既然猜不透这开始,何不忘了那结局 金榜题名贺词 读了《匆匆》有感_别让时间跑丢_800字 最经典女人语录说得太好了 和杨同州寒食乾坑会后闻杨工部欲到知予与工部有宿酲 回忆不成空 小学三年级作文400字:棚顶上,那只猫 姐,回家吧.作文1400字 秋的感觉450字 回忆的铃声 小学六年级作文600字:我与厦门一起成长-----建设厦门海湾型城市畅想 让妈妈吃一惊200字作文 五年级我读书的故事作文500字 清明节如何放假 大一入党转正申请书1000字 读《我飞了》有感 传言的威力(转) 在全区稳定工作会议上的讲话 2016年大学生预备党员入党转正申请书7篇 朋友,对不起——翟星辰 我孑孓地走 仓鼠作文200字 施工工程合同书 关于我区共产党员先进性教育活动的调研报告_调研报告

Copyright © 2016 phpStudy |