问题1:
用 'GET'的方法应用于表单提交
提交按钮。提交表单时,页面将验证用户名、密码和
电子邮件地址。验证规则是"它必须包含用户名、密码和有效的电子邮件地址"。
验证成功后,将显示消息并提交如下:
页面会显示:
欢迎 :这里显示用户输入的用户名
你的密码是:这里显示用户输入的密码
你的邮箱地址是:这里显示用户输入的邮箱。
问题2:
将"POST"方法应用于表单。
用户需要输入(用户名,email,密码,性别,电话)
当用户输入数据并提交后,
页面应显示消息和提交的数据,如下:
你成功的注册了你的账号,
用户名:这里显示用户输入的用户名
密码:这里显示用户输入的密码
email: 里显示用户输入的邮箱。
性别:这里显示用户输入的性别
电话号码:这里显示用户输入的电话号码
麻烦上代码
这是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提交的写法都是一样的
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。