求助，怎么控制onclick事件【java吧】_百度贴吧

01月10日漏签0天

java吧关注：1,237,502贴子：12,709,574

24回复贴，共1页

求助，怎么控制onclick事件

只看楼主收藏回复

一楼祭天

送TA礼物

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">密码管理>></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

方法不是写好了么, 调用checkit判断啊

IP属地:福建

5楼2014-12-01 17:49

收起回复

直接单独写个函数然后用个变量var flag=confirm('确认修改该密码信息吗?');if(flag){确定}else{取消}

IP属地:上海

6楼2014-12-01 18:21

收起回复

<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

form的onsubmit

IP属地:江苏

来自手机贴吧8楼2014-12-01 18:36

收起回复

<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">密码管理>></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

我真是醉了，，复制了你的代码稍微弄了一下。。一大堆问题代码太多眼花就不帮你弄了，你自己百度解决吧。。var pwd=$("password1").value;
var opwd=$("password4").value; 最基础的jquery你都不会弄。。什么时候老师有教你这种选择器的？你的#被吃了吗

IP属地:上海

14楼2014-12-01 21:08

收起回复

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

贴吧热议榜

24回复贴，共1页

发表回复

发贴请遵守贴吧协议及“七条底线”贴吧投诉

内容:

使用签名档查看全部

发表

保存至快速回贴