deyuzhi
is_thinking
采纳率86%
2015-07-09 13:57 阅读 3.6k

请问如何使用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格式不能变。谢谢老师

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

6条回答 默认 最新

  • 已采纳
    showbo GoCityPass新加坡曼谷通票 2015-07-10 01:10

    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>
    
    点赞 2 评论 复制链接分享
  • danielinbiti danielinbiti 2015-07-09 14:07
     function equalcheck(){
        if(password.value != confirm.value){
          alert("once again");
          return false;
        }
            return true;
      }
    
    点赞 3 评论 复制链接分享
  • devmiao devmiao 2015-07-09 15:07
  • deyuzhi is_thinking 2015-07-09 14:35

    图片说明

    点赞 评论 复制链接分享
  • deyuzhi is_thinking 2015-07-09 14:38

    哦 还有那个module.exports={####}是什么意思?

    点赞 评论 复制链接分享
  • deyuzhi is_thinking 2015-07-10 13:24

    谢谢各位老师,各位回答的都对,只是我用的模板有点特殊,感谢各位老师。

    点赞 评论 复制链接分享

相关推荐