工作中出现了大问题是关于js对象的-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

工作中出现了大问题是关于js对象的

杨冬芳 2016-06-15 11:28:42 1339
function judge(id,pwd){
    if(id.value==null)
    {
        document.getElementById("tip").innerHTML="请输入账号";
    }
    else
    {
        document.getElementById("tip").innerHTML="请输入密码";
    }
}

以上是函数部分。

screenshot

<form action="" method="post" name="register">
    <input type="text" id="id" placeholder="请输入账号" class="form-control" style="margin-bottom: 5%;"> 
    <input type="password" id="pwd" placeholder="请输入密码" class="form-control" style="margin-top: 5%; margin-bottom: 3%;">
    <span class="tip" id="tip"></span>
        <!--以下为修改代码-->
    <button class="button" onclick="judge(id,pwd)">登录</button>
</form>

为什么效果同2?id名也能引用一个对象?

Q4:

<form action="" method="post" name="register">
        <!--将id改为name-->
    <input type="text" name="id" placeholder="请输入账号" class="form-control" style="margin-bottom: 5%;"> 
    <input type="password" name="pwd" placeholder="请输入密码" class="form-control" style="margin-top: 5%; margin-bottom: 3%;">
    <span class="tip" id="tip"></span>
    <button class="button" onclick="judge(id,pwd)">登录</button>
</form>

为什么效果同上?难道name也能引用一个对象?

请各位前辈指教,谢谢!

JavaScript 数据安全/隐私保护
分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:38:59

    很好奇,你的judge函数里根本就没有 pwd,为何参数要传他。
    产生问题的原因和 name id 没有太大的关系。

    首先,这些东西都写在了form表单里面,这里action填写的是指的是提交到当前页。

    Q1 登录按钮式一个 submit ,点击登录按钮的时候,执行的是表单的 submit 事件,也就是直接提交表单数据了,不会执行 onclick事件,页面刷新。

    Q2 点击button的时候,执行了 onclick事件,同时也执行了 表单的 submit事件,前者改变效果,后者提交自然刷新页面,也就是出现一闪而过的样子。

    Q3 id 直接引用,有时候可以,不常用,或者不轻易用,而且浏览器不知道有没有兼容性,我测试的时可以用。对于这些怪异的现象,不用太理会,按照标准来。

    Q4 name 一般式留给提交表单之后的后台程序引用的。

    其次,尽量不要把 js 代码 写在 html 里面,分离结构 样式 行为。这种html里面的 onclick 写法尽量少用

    0 0
+ 订阅

云安全开发者的大本营

推荐文章
相似问题