网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
java吧 关注：1,237,531贴子：12,707,763
  • 8回复贴，共1页

求助，怎么控制onclick事件

取消只看楼主收藏回复

一楼祭天
1楼2014-12-01 17:01回复
    <script type="text/javascript">
    function $(id){
    return document.getElementById(id);
    }
    function checkpwd(){
    var pwd=$("password1").value;
    var opwd=$("password4").value;
    if(pwd==""){
    $("passwordspan").innerHTML="旧密码不能为空";
    return false;
    }
    if(pwd!=opwd){
    $("passwordspan").innerHTML="旧密码填写不正确";
    return false;
    }
    return true;
    }
    function checknewpwd(){
    var npwd=$("password2").value;
    if(npwd==""){
    $("newpassword").innerHTML="新密码不能为空";
    return false;
    }
    return true;
    }
    function checkoldpwd(){
    var rpwd=$("password3").value;
    var npwd=$("password2").value;
    if(rpwd==""){
    $("rpassword").innerHTML="验证密码不正确";
    return false;
    }
    if(rpwd!=npwd){
    $("rpassword").innerHTML="两次输入的密码不一致";
    return false;
    }
    return true;
    }
    function checkit(){
    if(checkpwd()&&checknewpwd()&&checkoldpwd()){
    return true;
    }
    return false;
    }
    </script>
    </head>
    <body>
    <div class="main">
    <div class="optitle clearfix">
    <div class="title">密码管理&gt;&gt;</div>
    </div>
    <form id="form1" name="form1" method="post" action="doUpdatePassword.action" onSubmit="return checkit();">
    <input type="hidden" name="flag" value="doAdd">
    <div class="content">
    <table class="box">
    <tr>
    <td class="field">旧的密码：</td>
    <td><input type="password" name="password1" class="text" id="password1" onblur="checkpwd();" /> <font color="red"><span id="passwordspan"></span></font></td>
    </tr>
    <tr>
    <td class="field">新的密码：</td>
    <td><input type="password" name="password2" class="text" id="password2" onblur="checknewpwd();"/> <font color="red"><span id="newpassword"></span></font></td>
    </tr><tr>
    <td class="field">确认密码：</td>
    <td><input type="password" name="password3" class="text" id="password3" onblur="checkoldpwd();" /> <font color="red"><span id="rpassword"></span></font></td>
    </tr>
    <tr>
    <td><input type="hidden" name="userid" value="${user.userid}"/></td>
    <td><input type="hidden" name="ps" id="password4" value="${user.password}"/><font color="red"><span id="passwordspan"></span></font></td>
    </tr>
    </table>
    </div>
    <div class="buttons">
    <input type="submit" value="修改" onclick="return confirm('确认修改该密码信息吗?')" class="input-button"/>
    <input type="button" onClick="window.history.go(-1);" value="返回" class="input-button"/>
    </div>
    </form>
    </div>
    </body>
    </html>
    2楼2014-12-01 17:02
    回复
      我做了一个关于密码的表单验证，用onclick="return confirm('确认修改该密码信息吗?')"来做了一个是否修改的提示，但我们老师要求必须先进行表单验证是否正确，如果返回false就无法使用onclick="return confirm('确认修改该密码信息吗?')"，返回true才可以执行onclick事件，可我的是一个反的，先执行onclick事件然后在提示表单验证的结果。
      求大神指点。。。
      3楼2014-12-01 17:06
      回复
        有人吗。。。
        4楼2014-12-01 17:32
        回复
          <script type="text/javascript">
          function $(id){
          return document.getElementById(id);
          }
          function checkpwd(){
          var pwd=$("password1").value;
          var opwd=$("password4").value;
          if(pwd==""){
          $("passwordspan").innerHTML="旧密码不能为空";
          return false;
          }
          if(pwd!=opwd){
          $("passwordspan").innerHTML="旧密码填写不正确";
          return false;
          }
          return true;
          }
          function checknewpwd(){
          var npwd=$("password2").value;
          if(npwd==""){
          $("newpassword").innerHTML="新密码不能为空";
          return false;
          }
          return true;
          }
          function checkoldpwd(){
          var rpwd=$("password3").value;
          var npwd=$("password2").value;
          if(rpwd==""){
          $("rpassword").innerHTML="验证密码不正确";
          return false;
          }
          if(rpwd!=npwd){
          $("rpassword").innerHTML="两次输入的密码不一致";
          return false;
          }
          return true;
          }
          function checkit(){
          if(checkpwd()&&checknewpwd()&&checkoldpwd()){
          return true;
          }
          return false;
          }
          if(checkit()){
          return confirm('确认修改该用户信息吗?')
          }
          </script>
          @zhou686269
          7楼2014-12-01 18:29
          回复
            <script type="text/javascript">
            function $(id){
            return document.getElementById(id);
            }
            function checkpwd(){
            var pwd=$("password1").value;
            var opwd=$("password4").value;
            if(pwd==""){
            $("passwordspan").innerHTML="旧密码不能为空";
            return false;
            }
            if(pwd!=opwd){
            $("passwordspan").innerHTML="旧密码填写不正确";
            return false;
            }
            return true;
            }
            function checknewpwd(){
            var npwd=$("password2").value;
            if(npwd==""){
            $("newpassword").innerHTML="新密码不能为空";
            return false;
            }
            return true;
            }
            function checkoldpwd(){
            var rpwd=$("password3").value;
            var npwd=$("password2").value;
            if(rpwd==""){
            $("rpassword").innerHTML="验证密码不正确";
            return false;
            }
            if(rpwd!=npwd){
            $("rpassword").innerHTML="两次输入的密码不一致";
            return false;
            }
            return true;
            }
            function checkit(){
            if(checkpwd()&&checknewpwd()&&checkoldpwd()){
            return true;
            }
            return false;
            var flag=confirm('确认修改该密码信息吗?');
            if(flag){
            确定
            }else{
            取消
            }
            }
            </script>
            @只是茶几
            可是在执行onclick事件和表单验证是同时触发的。。。
            我基础比较差，可不可以麻烦你详细的帮我讲解一下。
            9楼2014-12-01 18:44
            收起回复
              @只是茶几
              10楼2014-12-01 18:45
              回复
                我感觉我不会再爱了。
                12楼2014-12-01 19:43
                回复
                  <script type="text/javascript">
                  function $(id){
                  return document.getElementById(id);
                  }
                  function checkpwd(){
                  var pwd=$("password1").value;
                  var opwd=$("password4").value;
                  if(pwd==""){
                  $("passwordspan").innerHTML="旧密码不能为空";
                  return false;
                  }
                  if(pwd!=opwd){
                  $("passwordspan").innerHTML="旧密码填写不正确";
                  return false;
                  }
                  return true;
                  }
                  function checknewpwd(){
                  var npwd=$("password2").value;
                  if(npwd==""){
                  $("newpassword").innerHTML="新密码不能为空";
                  return false;
                  }
                  if(npwd.length<4){
                  $("newpassword").innerHTML="密码必须大于或等于4位";
                  }
                  return true;
                  }
                  function checkoldpwd(){
                  var rpwd=$("password3").value;
                  var npwd=$("password2").value;
                  if(rpwd==""){
                  $("rpassword").innerHTML="验证密码不正确";
                  return false;
                  }
                  if(rpwd!=npwd){
                  $("rpassword").innerHTML="两次输入的密码不一致";
                  return false;
                  }
                  return true;
                  }
                  function checkit(){
                  if(checkpwd()&&checknewpwd()&&checkoldpwd()){
                  return true;
                  var flag=confirm('确认修改该密码信息吗?');
                  if(flag){
                  确定
                  }else{
                  取消
                  }
                  }else{
                  return false;
                  }
                  }
                  </script>
                  </head>
                  <body>
                  <div class="main">
                  <div class="optitle clearfix">
                  <div class="title">密码管理&gt;&gt;</div>
                  </div>
                  <form id="form1" name="form1" method="post" action="doUpdatePassword.action" onSubmit="return checkit();">
                  <input type="hidden" name="flag" value="doAdd">
                  <div class="content">
                  <table class="box">
                  <tr>
                  <td class="field">旧的密码：</td>
                  <td><input type="password" name="password1" class="text" id="password1" onblur="checkpwd();" /> <font color="red"><span id="passwordspan"></span></font></td>
                  </tr>
                  <tr>
                  <td class="field">新的密码：</td>
                  <td><input type="password" name="password2" class="text" id="password2" onblur="checknewpwd();"/> <font color="red"><span id="newpassword"></span></font></td>
                  </tr><tr>
                  <td class="field">确认密码：</td>
                  <td><input type="password" name="password3" class="text" id="password3" onblur="checkoldpwd();" /> <font color="red"><span id="rpassword"></span></font></td>
                  </tr>
                  <tr>
                  <td><input type="hidden" name="userid" value="${user.userid}"/></td>
                  <td><input type="hidden" name="ps" id="password4" value="${user.password}"/><font color="red"><span id="passwordspan"></span></font></td>
                  </tr>
                  </table>
                  </div>
                  <div class="buttons">
                  <input type="submit" value="修改" onclick="return confirm('确认修改该密码信息吗?')" class="input-button"/>
                  <input type="button" onClick="window.history.go(-1);" value="返回" class="input-button"/>
                  </div>
                  </form>
                  </div>
                  </body>
                  </html>
                  @只是茶几
                  13楼2014-12-01 19:47
                  回复

                    扫二维码下载贴吧客户端

                    下载贴吧APP
                    看高清直播、视频！
                    • 8回复贴，共1页
                    发表回复
                    发贴请遵守贴吧协议及“七条底线”贴吧投诉
                    内  容:
                      查看全部
                    发 表
                    保存至快速回贴

                    发布成功
                    去贴吧APP订阅抽奖结果通知
                    扫码进入贴吧APP
                    ···········
                    开奖后第一时间站内信通知
                    ···········
                    中奖结果全员公示