html js 表单提交前检测数据

html js 表单提交前检测数据

学习教程tuzi2019-04-18 20:55:40A+A-

通过使用form的onsibmit来控制是否提交数据

 

返回值为真是提交,其他不变,示例如下:

 

JS部分

 

function check() {
                  var newPwd = document.getElementById("newPwd");
                  var confirmNewPwd = document.getElementById("confirmNewPwd");
                  if (newPwd.value == confirmNewPwd.value)
                      return true;
                  else {
                      var err = document.getElementById("errMSG");
                      err.style.display = "";
                      return false;
                  }

              }
html代码

<form  action="/student/UpdatePwd" onsubmit="return check()">
               <div class="control-group">
                   <label class="control-label" for="basicinput">旧密码</label>
                   <div class="controls">
                       <input placeholder="请输入…" data-original-title="" class="span8 tip" type="password" name="oldPwd" id="oldPwd">
                   </div>
               </div>
               <div class="control-group">
                   <label class="control-label" for="basicinput">新密码</label>
                   <div class="controls">
                       <input placeholder="请输入…" data-original-title="" class="span8 tip" type="password" name="newPwd" id="newPwd">
                       <span class="help-inline" style="color:red;display:none" id="errMSG">两次密码不一致</span>
                   </div>
               </div>
               <div class="control-group">
                   <label class="control-label" for="basicinput">再次输入新密码</label>
                   <div class="controls">
                       <input placeholder="请输入…" data-original-title="" class="span8 tip" type="password" id="confirmNewPwd">
                   </div>
               </div>

               <div class="control-group">
                   <div class="controls ">
                       <button type="submit" class="btn-inverse btn-large">更新</button>
                   </div>
               </div>
           </form>

点击这里复制本文地址

声明

本站发布所有广告信息、下载资源,均来自互联网,非本站自制,与本站无关。 如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。


本站中所有资料、资源文件均来自于网络搜索,仅作为技术学习研究之用,请必须在24小时内删除所下载文件,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担。


本站保证站内提供的所有可下载资源(软件等等)都是按“原样”提供,本站未做过任何改动;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。 


访问本站的用户必须明白,[资源爱好者]对提供下载的软件等不拥有任何权利,其版权归该下载资源的合法拥有者所有。


本站所有资源均不提供相关技术服务,如果源码下载地址失效则请联系站长进行补发。


本站所有资源展现图片仅供参考

资源爱好者 © 本站发布所有资源,均来自互联网,非本站自制,分享目的仅供大家学习与参考,与本站无关。
如有侵犯您的合法权益请来信告之。我们会在三个工作日内予以清除。邮箱:admin?aihao.org
关于我们|广告合作|网站地图|冀ICP备14009590号|冀公网安备 13018302000072号