現(xiàn)在要寫一個注冊頁面，請問用form表單提交和 直接取input 的vlaue 值提交，這兩種方式的區(qū)別是什么？原來一直都是用直接取值的方式做的登錄、注冊這種頁面；

或者下面寫法有問題的麻煩指點一下

form表單方式

<form  id="form">
        <div>
            <label for="username">請輸入用戶：</label>
            <input type="text" name="username" required="required" placeholder="請輸入用戶名" id="username">
        </div>
        <div>
            <label for="mobile">請輸入電話：</label>
            <input type="text" name="mobile" required="required" placeholder="請輸入電話：" id="mobile">
        </div>
        <div>
            <label for="password">請輸入密碼：</label>
            <input type="password" name="password" required="required" placeholder="密碼" id="password">
        </div>
        <input type="submit" value="注冊" class="btn">
    </form>
    
    //js 
     form = $("#form");
    form.data().submit = function (){
        form.data() = $.post(url,{
            username:form.data().username,
            mobile: form.data().mobile,
        })
    }

直接取值方式

<input type="text" name="username" required="required" placeholder="請輸入用戶名" id="username">
<input type="text" name="mobile" required="required" placeholder="請輸入電話：" id="mobile">

//js
var username = $('username').val();
var mobile= $('mobile').val();

$.post(url,{
    username:username,
    mobile:mobile
});

這兩中方式的優(yōu)劣在哪里？先不考慮表單驗證問題