使用form表单进行密码修改提交
html body代码：

<body>
<div class="lg-container">
  <h1>修改密码</h1>
  <form action="/modify"  id="lg-form" name="lg-form" method="post">

  	<div>
  		<label for="pwdId">新密码：</label>
  		<input type="password" name="password" id="password" placeholder="新密码"/>
  	</div>

  	<div>
  		<label for="newPwdId"  style="float:left">确认密码：</label>
  		<input type="password" name="newPassword" id="newpassword" placeholder="确认密码" />
  	</div>

  	<div>
  		<button type="submit" id="login">提交</button>
  	</div>

  </form>
</div>   
</body>

js代码：

<script>
var lgform=document.getElementById("lg-form");
var password=document.getElementById("password");
var newPassword=document.getElementById("newpassword");
lgform.onsubmit=function(){
	if(password.value=="" || password.value==null){
		alert("新密码不能为空,请输入");
		return false;
	}else if(newPassword.value=="" || newPassword.value==null){
		alert("确认密码不能为空,请输入");
		return false;
	}else if(password.value!=newPassword.value){
		alert("两次密码不一样,请重新输入");
		password.value="";
		newPassword.value="";
		return false;
	}else{
		return true;
	}
}
</script>

效果图展示：




如果出现以上提示，form表单都不能进行提交，需要重新输入提交。

更多推荐

HTML 简单的修改密码页面：密码为空,确认密码为空,两次密码是否相同,使用JS实现判断并且提示