全栈者角度--form提交问题（工程下载）

form提交问题

提纲：

1. 场景
2. 提交后不自动跳转
3. 工程下载
4. 疑问

一 场景

   在写程序的过程中有这样一种理念永远不要相信用户的输入，因为你不知道他会输入什么，这时候你的程序就会garbage in garbage out。程序应该知道要输入的内容什么做数据的验证。
   在数据的验证中前端需要验证，后端也需要验证。
（1）前端验证：在出现错误之后就让页面直接停在当前位置，用户输入的一些数据还能够保存下来，这个实现比较容易。
（2）后端验证：这时候相当于表单已经提交，此时有返回错误的。如果能够保持页面不刷新，就能够让用户有更好的体验。（该篇就是在这个场景中的问题）

二 提交后不跳转

   让form提交后不跳转，用form中的onSubmit return false即可。同时在提交完成之后根据后台的返回可以进行页面跳转的判断。当然如果后台验证不通过则可以继续进行form的输入。

<!-- js引入 -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
<script src="http://malsup.github.io/jquery.form.js"></script>

<form id="form_test" style="margin:10px" action="form_test.action" method="post" onSubmit="return sub()">
        <label for="name">name</label>
        <input type="text" name="name" id="name">

        <label for="sex">sex</label>
        <select name="sex" id="sex">
            <option value=""></option>
            <option value="0">女</option>
            <option value="1">男</option>
        </select>
        <br>
        <input type="submit" value="submit">
    </form>

<script>
    function sub(){
        $("#form_test").ajaxSubmit(function(message){
            alert(message == 'false');
            if(message == 'false'){
                alert("server test fa");
            }else{
                window.location.href("#");
            }
        });
        return false;
    }
</script>

三 工程下载

后台采用struts2的java程序，工程提供war包可以直接导入到eclipse工程中。
工程下载

四 疑问

   一个纯前端的用户怎么进行这样的操作，他需要一个接口返回一个数值？