开发者社区> 问答> 正文

GET POST 方发的提交

问题1:
用 'GET'的方法应用于表单提交
提交按钮。提交表单时,页面将验证用户名、密码和
电子邮件地址。验证规则是"它必须包含用户名、密码和有效的电子邮件地址"。
验证成功后,将显示消息并提交如下:
页面会显示:
欢迎 :这里显示用户输入的用户名
你的密码是:这里显示用户输入的密码
你的邮箱地址是:这里显示用户输入的邮箱。
问题2:
将"POST"方法应用于表单。
用户需要输入(用户名,email,密码,性别,电话)
当用户输入数据并提交后,
页面应显示消息和提交的数据,如下:
你成功的注册了你的账号,
用户名:这里显示用户输入的用户名
密码:这里显示用户输入的密码
email: 里显示用户输入的邮箱。
性别:这里显示用户输入的性别
电话号码:这里显示用户输入的电话号码
麻烦上代码

展开
收起
海边一只船 2020-05-28 13:31:26 989 0
1 条回答
写回答
取消 提交回答
  • 这是js的get提交
    <form action="http://www.baidu.com"  method="get">
            用户名:<input type="text" id="user" name="username"  required/><br />
            密码:<input type="password" id="pwd" name="password" required/><br />
            电子邮件:<input type="email" id="email"  name="email" required/><br />
            <input type="submit" value="提交" onclick="sub()" />
        </form>
        <script type="text/javascript">
            var user=document.getElementById("user");
            var pwd=document.getElementById("pwd");
            var email=document.getElementById("email");
            function sub(){
                if(user.value=="" || pwd.value=="" || email.value==""){
                    alert("请输入你的信息");
                }else{
                    alert("欢迎:"+user.value+"\n"+"你的密码是:"+pwd.value+"\n"+"你的邮箱地址是:"+email.value);
                }
            }
        </script>
    这是jQuery的post提交
    <form action="http://taobao.com" method="post">
            用户名:<input type="text" name="user" id="user" required /><br />
            密码:<input type="password" name="pwd" id="pwd" required /><br />
            email:<input type="email" name="email" id="email" required/><br />
            性别:<input type="radio" name="sex" value="男" />男
                <input type="radio" name="sex" value="女" />女<br />
            电话:<input type="tel" name="tel" id="tel"  required/><br />
            <input type="submit" value="提交" id="sub" />
        </form>
        <script type="text/javascript">
            $(function(){
                $("#sub").click(function(){
                    var use=$("#user").val();
                    var pwd=$("#pwd").val();
                    var email=$("#email").val();
                    var sex=$("input:radio:checked").val();
                    var tel=$("#tel").val();
                    if(use =="" ||pwd =="" || email=="" ||sex =="" || tel==""){
                        alert("请输入你的完整信息");
                    }
                    else{
                        alert("你成功的注册了你的账号\n用户名:"+use+"\n密码:"+pwd+"\nemail:"+email+"\n性别:"+sex+"\n电话号码:"+tel);
                    }
                });
            });
        </script>
    get和post提交的写法都是一样的
    
    
    2020-05-29 18:31:49
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载