在表单提交上打印值

时间:2012-03-14 07:04:18

标签: javascript html

我是JavaScript的新手。如何在提交HTML表单时打印值?

2 个答案:

答案 0 :(得分:0)

jQuery代码如下:

$('#button_ID').submit(function() {
 alert('something');
});

button_ID是提交按钮的id,如果你想停止提交表单然后添加return false;在结束

$('#button_ID').submit(function() {
 alert('something');
 return false;
});

答案 1 :(得分:0)

假设您的表单如下:

 <form action="">
        <input type="text" name="User" />
        <input type="password" name="Password"/>
        <span>Admin</span> <input type="checkbox" name="IsAdmin" />
        <span>US</span> <input type="radio" name="Country" value="US" />
        <span>UK</span> <input type="radio" name="Country" value="UK" />
        <input type="submit" />
    </form>

Jquery代码应该看起来像这个起点:

<script  type="text/javascript">
        $(document).ready(function () {
            $("form").submit(function () {
                User = $("input[name='User']").val();
                Password = $("input[name='Password']").val();
                IsAdmin = $("input[name='IsAdmin']").attr("checked");
                Country = $("input:radio[name='Country']:checked").val(); /* Special case of radio buttons*/

                document.writeln(User);
                document.writeln(Password);
                document.writeln(IsAdmin);
                document.writeln(Country);

                return false;
            })
        });
    </script>