在提交以进行调试之前显示表单值

时间:2011-10-05 20:50:25

标签: javascript jquery jquery-ui

如何在表单提交之前将所有表单值转储到警告框中。

我有一个这样的简单形式..我想在提交时在警报或控制台中看到表单值。我正在使用jQuery和jQueryUI(DIALOG)表单..但是任何方法是fin -

<div id="highValueSurvey" title="Some More Advanced Questions">
        <p class="validateTips">All form fields are required.</p>
        <form>
        <fieldset>
            <label for="name">Name</label>
            <input type="text" name="name" id="name" value=""/>
            <BR>
            <label for="email">Email</label>
            <input type="text" name="email" id="email" value=""/>
            <BR>        
            <label for="name">Tell us More</label>
            <input type="text" name="more" id="more"/>
            <BR>
            <BR>        
            <label for="name">We want to know even more!!!!</label>
            <input type="textarea" name="evenmore" id="evenmore"/>
            <BR>
        </fieldset>
        </form>
    </div>

2 个答案:

答案 0 :(得分:10)

你有一个非常好的例子:http://api.jquery.com/serialize/

$('form').submit(function() {
  alert($(this).serialize());
  return false;
});

答案 1 :(得分:3)

console.info($('#highValueSurvey form').serializeArray())

.serializeArray()