首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

用Jquery插件修改密码,为什么不拦截直接执行action啊解决方案

2012-03-20 
用Jquery插件修改密码,为什么不拦截直接执行action啊拦截函数:JScript code!--修改密码弹出层--div id

用Jquery插件修改密码,为什么不拦截直接执行action啊
拦截函数:

JScript code
<!--修改密码弹出层-->        <div id="boxcontent" style="display: none">            <form id="amend" action="login!mm_update.action" method="post"                onsubmit="return on_submit();">                <table class="from" border="0" cellspacing="1" cellpadding="0">                    <tr>                        <th>                            原密码:                        </th>                        <td>                            <input id="mm" name="yhs.mm" type="password" class="TextBox" /><font color="red">*</font>                            <input value="${yhs.id}"  name="id" type="hidden"/>                            <input id="omm" value="${yhs.mm}"  name="mm" type="hidden"/>                        </td>                    </tr>                    <tr>                        <th>                            新密码:                        </th>                        <td>                            <input id="new_mm" name="new_mm" type="password" class="TextBox" />                        </td>                    </tr>                    <tr>                        <th>                            确认新密码:                        </th>                        <td>                            <input id="con_mm" name="con_mm" type="password" class="TextBox" />                        </td>                    </tr>                </table>                <input type="submit" value="修改" class="button"                    style="margin-top: 10px; margin-left: 80px; margin-bottom: 10px" />                <input type="button" value="取消" onclick="cancel(0);"                    class="dialog-cancel" style="margin-top: 10px; margin-bottom: 10px" /><script type="text/javascript">//密码修改验证    function on_submit() {        var value=$("#omm").val();        var value2=$("#mm").val();        if(value!=value2){            alert("原始密码不正确");            amend.mm.focus();            return false;        }        if(amend.new_mm.value==""){            alert("新密码不能为空");            amend.new_mm.focus();            return false;        }        if(amend.con_mm.value==""){            alert("请在依次输入密码");            amend.con_mm.focus();            return false;        }        if(amend.con_mm.value!==amend.new_mm.value){            alert("两次密码不一致,请重新输入");            amend.con_mm.focus();            return false;        }    }</script>            </form>        </div>


[解决办法]
<input type="submit" value="修改" class="button"
style="margin-top: 10px; margin-left: 80px; margin-bottom: 10px" />

改成
<input type="button" value="修改" class="button"
style="margin-top: 10px; margin-left: 80px; margin-bottom: 10px" />

因为submit按钮默认就是提交按钮 不管js条件是否满足 都会提交
 楼主的最后的js加上
一行代码
document.forms("amend").submit();
这行代码是普通js提交
你可以改成自己的Jquery提交
[解决办法]
on_submit() 方法有问题不返回值amend.mm.focus();
问题应该出现在这用$('#mm').focus();

热点排行