在提交以进行调试之前显示表单值 [英] Display form values prior to submit for debugging

问题描述

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

How can I dump all of my form values to an alert box prior to form submit..

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

I have a simple form like this.. I'd like to see the form values in an alert or console at the time of submit.. I'm using jQuery and jQueryUI (DIALOG) for the form.. but any approach is 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>

推荐答案

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

You have a very good example right here: http://api.jquery.com/serialize/

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

这篇关于在提交以进行调试之前显示表单值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！