html js 表单提交前检测数据

通过使用form的onsibmit来控制是否提交数据 返回值为真是提交,其他不变,示例如下: JS部分 function check() { var newPwd = document.getElementById(newPwd); var confirmNewPwd = document.getElementById(confirmNewPwd); if (newPwd.value == confirm
通过使用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>
 
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

最近遇到一个需求,需要点击按钮,复制 p 标签中的文本到剪切板 之前做过复制输入框的内容,原以为差不多,结果发现根本行不通 尝试了各种办法,最后使了个障眼法,实现了下面的效果 一、原理分析 浏览器提供了 copy 命令 ,可以复制选中的内容 document.exe
这里不能用css样式选择器选择input组件,设置 border:none;或border: 0px;outline:none;cursor: pointer; 亲测没有用处,只有写这种格式时生效,如下: input type=text style=border:none;
String对象的方法 方法一: indexOf() (推荐) var str = 123;console.log(str.indexOf(3) != -1 ); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。 方法二: search() var str = 1
本文实例为大家分享了js弹出窗口展示的具体代码,供大家参考,具体内容如下 !DOCTYPE htmlhtmlhead lang=en meta charset=UTF-8 title/title style body{ /*margin: 0;*/ } #div1{ width: 100px; height: 100px; border: 1px solid red; } /style/headbodydi
工作中发现表单提交方便的问题,很多时候IE下提交好好的,打了火狐下就出现了问题,利用提交按钮就不成功了,于是利用JS的方式就成功了,也不知道为什么。在导师的催促下就总结出以下的几种常用表单提交的方法。 第一种方式:表单提交,在form标签中增加onsu
Dom元素 1 getElementById document.getElementById(id) 返回一个对象 2 getElementsByTagName document.getElementsByTagName(tag) 返回一个对象数组 运行使用*通配符,获取所有元素 dom.getElementsByTagName(*) 获取dom下所有子元素 3 getElementsByClass