js表单提交后,如何获取表单中的数据并显示出来

js表单提交后,如何获取表单中的数据并显示出来,第1张

表单是用form来填写,在提交前可以获取表单里面的数据。我这里用jquery实现。

<html>

<body>

    <form method='post' action=''>

        <label for='inputText'>inputText</label>

        <input type='text' id='inputText'/>

        <br/>

        <label for='checkBox1'>checkBox1</label>

        <input type='checkbox' id='checkBox1'/>

        <br/>

        <label for='checkBox2'>checkBox2</label>

        <input type='checkbox' id='checkBox2'/>

        <!--其他你想填写的表单选项-->

        <input type='button' value='提交表单' id='submitBtn'/>

    </form>

    <script>

        $(document)ready(function()

        {

            $('#submitBtn')click(function(e)

            {

                /一系列根据自己的意图判断输入框是否已输入内容并决定是否往下执行/

                

                //获取表单的系列化数据。这会生成一个A=valueA&B=valueB这种形式的字符串。

                var formData = $('form')serialize();

                $post('目标地址',formData,成功/失败回调函数);

                epreventDefault();

            });

            

        });

    </script>

</body>

</html>

一种方法是加上runat="server"标记,同时设定id属性,这样在cs文件可,可以直接通过id来访问该控件,从而获取值。

另一种方法是加上name属性,,

cs文件中,通过RequestForm[ "name的值" ]来获取值。

再一种方法是,直接使用服务器控件TextBox,直接通过id来访问该控件,从而获取值。

以上就是关于js表单提交后,如何获取表单中的数据并显示出来全部的内容,包括:js表单提交后,如何获取表单中的数据并显示出来、请教C#如何取出客户端input中的值、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/10077555.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存