通过使用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>
|
The End



大气响应式网络建站服务公司织梦模板
高端大气html5设计公司网站源码
织梦dede网页模板下载素材销售下载站平台(带会员中心带筛选)
财税代理公司注册代理记账网站织梦模板(带手机端)
成人高考自考在职研究生教育机构网站源码(带手机端)
高端HTML5响应式企业集团通用类网站织梦模板(自适应手机端)