开发者社区> 问答> 正文

如何使用JavaScript的blur()函数判断两次输入的密码是否一致

我的输入框是没有在form里面,只是input,如下:

   <div class="form-group">
   <label class="sr-only" for="dialogLoginInputPassword">密码</label>
  <input v-model="user.pass | passValidator" type="password" name="password" class="form-control flat" placeholder="密码">
  </div>
   <div class="form-group">
   <label class="sr-only" for="dialogLoginInputComfirm">密码</label>
    <input v-model="user.confirm | confirmValidator" type="password" name="confirm"class="form-control flat" placeholder="密码确认" onblur="equalcheck()">
  </div>
而且JavaScript是在同一个页面的下方,格式如下:
 <javascript>
  module.experts(){
  data:function(){ ###},
  filter:{###},
  computed:{###},
  methods:{###}
    }
</javascript>
我的equalcheck()是
 function equalcheck(){
    if(password.value != confirm.value){
      alert("once again");
      return false;
    }
  }

请问我写的equalcheck方法有错误吗,就是判断两次输入的密码是否一致,
如果我写的不对请问该如何修改,如果写的对,请问该放在JavaScript的什么地方?JavaScript里面的那些data function、filter、computed,methods格式不能变。谢谢老师

展开
收起
小旋风柴进 2016-03-18 10:37:06 2658 0
1 条回答
写回答
取消 提交回答
  • equalcheck未定义应该是你equalcheck所在的script代码块有语法问题导致出错而没有注册equalcheck函数。自己用浏览器工具看什么错误。

    并且你的input元素只有name,没有id,只有name这样无法通过xxxx.value获取对象,加上id,而且建议不要直接通过id引用对象,而是通过document.getElementById来获取。而且id不要起和系统对象的一样,要不到时出错都不知道什么问题,如confirm。。

    将你的equalcheck函数单独放一个script,防止其他代码的影响

    <div class="form-group">
      <label class="sr-only" for="dialogLoginInputPassword">密码</label>
     <input v-model="user.pass | passValidator" type="password" id="password" name="password" class="form-control flat" placeholder="密码">
     </div>
      <div class="form-group">
      <label class="sr-only" for="dialogLoginInputComfirm">密码</label>
       <input v-model="user.confirm | confirmValidator" id="confirm" type="password" name="confirm"class="form-control flat" placeholder="密码确认" onblur="equalcheck()">
     </div>
     <script>
         function equalcheck() {
             var p = document.getElementById('password'), c = document.getElementById('confirm');
             if (p.value != c.value) {
                 alert("once again");
                 return false;
             }
         }
     </script>
    2019-07-17 19:06:06
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载