Question

用button怎么实现表单的验证和页面的跳转

用button实现表单的验证和页面的跳转

Answer 1

表单的验证我一般是用Jquery，From表单中会有submit事件，验证不通过就return false，表单的方法就不会执行了。页面跳转的话onclick="window.location.href=‘要跳转的页面’"就行了。

Answer 2

1、这应该是在jsp页面实现的按钮交互事件

2、一般会通过form表单来提交事件
3、form表单中给出的一个action为对应的路径
4、如果是三大框架则到struts.xml里面配置到对应的Action类中处理逻辑
5、如果是Servlet的话则在web.xml里面配置到对应的Servlet类中处理逻辑
6、最后通过return或者response等形式将值转发或重定向等即完成了一个验证交互

Answer 3

<form name="myform" action="./YourAction" method="POST">
    <input type="text" name="username" />
</form>
<button onclick="mysubmit();">提交</button>

<script type="text/javascript">
function mysubmit() {
    var unameTag = window['myform'].username;
    if (!/\S/.test(unameTag.value)) {
        alert('请填写username');
        unameTag.focus();
        return;
    }
    window['myform'].submit();
}
</script>

追问

若果有提示信息呢 比如说我要加if（confirm（您确定保存吗））{
alert（“保存成功 ”）
}
然后再进行跳转， 可是前边无论是返回false或者true 这段代码都要执行吧

追答

<button onclick="mysave(); return false;">保存</button>
<script>
function mysave() {
    if (confirm("确定要保存吗？")) {
        alert("保存成功");
        //window['myform'].submit();
    }
}
</script>

追问

外加验证是不是写到function（）里边错误的话返回false 那么下边的提示信息不是一样进行吗

追答

<form name="myform" action="./YourAction" method="POST">
    用户名：<input type="text" name="username" />
    密　码：<input type="password" name="pwd" />
</form>
<button onclick="mysave(); return false;">保存</button>
<script>
function mysave() {
    if (confirm("确定要保存吗？")) {
        var unameTag = window['myform'].username;
        if (!/\S/.test(unameTag.value)) {
            alert('请填写帐号');
            unameTag.focus();
            return; //返回不提交
        }
        var pwdTag = window['myform'].pwd;
        if (!/\S/.test(pwdTag.value)) {
            alert('请填写密码');
            pwdTag.focus();
            return; //返回不提交
        }
        // 提交
        window['myform'].submit();
    }
}
</script>