HTML中表单提交内容JS代码检验不工作
这是我自己写的代码，但是似乎JS代码都没有起作用望大神帮忙修改修改~~<html><head><title>JS表单</title></head><body><formm...
这是我自己写的代码，但是似乎JS代码都没有起作用
望大神帮忙修改修改~~
<html>
<head>
<title>JS表单</title>
</head>
<body>
<form method="get" />
用户名：<input type="text" name="username" id="username" /></br>
手机号：<input type="text" name="mobienumber" id="mobienumber" /></br>
<input type="submit" name="submit" value="提交" onclick="checkform()" /></br>
</form>
<script type="text/javascript">
function checkform()
{
if(form.username.value=="")
{
alert("用户名不能为空，请输入用户名！");
form.username.focus();
return false;
}
else
{
var name=document.getElementById("username");
var name_value=name.value;
alert("您输入的用户名为："+name_value);
if(confirm("确定提交?"))
{
return true;
}
else
{
return false;
}
}
var mobie_value=document.getElementById("mobienumber").value;
var reg=/^\d+$/;
if(reg.test(mobie_value)==true)
{
alert("您输入的手机号码为："+mobie_value);
if(confirm("确定提交?"))
{
return true;
}
else
{
return false;
}
return true;
}
else
{
alert("您输入的手机号码有误，请重新输入！");
form.mobienumber.focus();
return false;
}
}
</script>
</body>
</html> 展开
望大神帮忙修改修改~~
<html>
<head>
<title>JS表单</title>
</head>
<body>
<form method="get" />
用户名：<input type="text" name="username" id="username" /></br>
手机号：<input type="text" name="mobienumber" id="mobienumber" /></br>
<input type="submit" name="submit" value="提交" onclick="checkform()" /></br>
</form>
<script type="text/javascript">
function checkform()
{
if(form.username.value=="")
{
alert("用户名不能为空，请输入用户名！");
form.username.focus();
return false;
}
else
{
var name=document.getElementById("username");
var name_value=name.value;
alert("您输入的用户名为："+name_value);
if(confirm("确定提交?"))
{
return true;
}
else
{
return false;
}
}
var mobie_value=document.getElementById("mobienumber").value;
var reg=/^\d+$/;
if(reg.test(mobie_value)==true)
{
alert("您输入的手机号码为："+mobie_value);
if(confirm("确定提交?"))
{
return true;
}
else
{
return false;
}
return true;
}
else
{
alert("您输入的手机号码有误，请重新输入！");
form.mobienumber.focus();
return false;
}
}
</script>
</body>
</html> 展开
2个回答
展开全部
js太麻烦，给你一份JQ的
<html>
<head>
<meta charset="UTF-8">
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<title>JS表单</title>
</head>
<body>
<form method="get" />
用户名：<input type="text" name="username" id="username" /></br>
手机号：<input type="text" name="mobienumber" id="mobienumber" /></br>
<input type="submit" name="submit" value="提交"/></br>
</form>
<script type="text/javascript">
$(function() {
$("[name='submit']").click(function() {
var name_value = $("#username").val(),
mobie_value = $("#mobienumber").val();
if(name_value=="")
{
alert("用户名不能为空，请输入用户名！");
return false;
}
var reg=/^\d+$/;
if(!reg.test(mobie_value)==true)
{
alert("您输入的手机号码有误，请重新输入！");
return false;
}
alert("您输入的用户名为："+name_value+";\n您输入的手机号码为："+mobie_value);
if(confirm("确定提交?"))
{
return true;
}
else
{
return false;
}
});
});
</script>
</body>
</html>
追问
以为老师现在只教了我们JS的，所以现在我也只能理解JS代码。。。。我知道有JQ的，但是我还没有学。。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="submit" name="submit" value="提交" onclick="return checkform()" />
更多追问追答
追问
依旧不行呢。。。。
追答
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS表单</title>
<script type="text/javascript">
function checkform()
{
var username=document.getElementById("username");
var mobie=document.getElementById("mobienumber");
var reg=/^\d+$/;
if(username.value==""){
alert("用户名不能为空，请输入用户名！");
username.focus();
return false;
}
else if(reg.test(mobie.value)!=true)
{
alert("您输入的手机号码有误，请重新输入！");
mobie.focus();
return false;
}
else{
alert("您输入的用户名为："+username.value+"\n"+"您输入的手机号码为："+mobie.value);
return confirm("确定提交?");
}
}
</script>
</head>
<body>
<form method="get" onSubmit="return checkform()" />
用户名：<input type="text" name="username" id="username" /></br>
手机号：<input type="text" name="mobienumber" id="mobienumber" /></br>
<input type="submit" name="submit" value="提交" /></br>
</form>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
