<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript">
function check() {
var Name = document.getElementById("name").value;
var re = /^[\u4E00-\u9FA5]{2,10}$/;
if (Name = null || !re.test(Name)) {
window.alert("姓名不能为空且只能为2-10以内的汉字！");
document.getElementById("name").value = "";
document.getElementById("name").focus();
return false;
} else {
return true;
}
}
function checkWork() {
var dv = document.getElementById("Dv").value;
if (dv = null) {
window.alert("单位不能为空！");
document.getElementById("Dv").value = "";
document.getElementById("Dv").focus();
return false;
} else {
return true;
}
}
function checkTel() {
var tel = document.getElementById("Tel").value;
var re = /^0((\d{2}-[1-9]\d{7})|(\d{3}-[1-9]\d{6}))$/gi;
if (!re.test(tel)) {
window.alert("请输入正确的电话号码！");
document.getElementById("Tel").focus();
return false;
} else {
return true;
}
}
function checkEamil() {
var eamli = document.getElementById("Eamil").value;
var er = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/; //格式：contact@cnblogs.com
if (!er.test(eamli)) {
window.alert("请输入正确邮箱！");
document.getElementById("Eamil").focus();
return false;
}
else {
return true;
}
}
function chackOne() {
if (chack() && chackWork() && chackTel() && chackEamil()) {
return true;
} else {
return false;
}
}
</script>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
body {
width:500px;font-size:14px;margin:10px auto;
}
#left {
float:left; /*浮动*/
margin:10px 7px 5px 5px;
}
#left p {
margin-bottom:6px;
}
#right p{
margin-bottom:10px;
}
#footer{
clear:both;/*取消浮动*/
margin:3px;
text-align:center;
}
</style>
</head>
<body>
<form action="Default.aspx" method="post">
<fieldset>
<legend>[客户需求信息]</legend>
<div id="left">
<p>*姓 名：<input type="text" id="name" /></p >
<p>*单位名称：<input type="text" id="Dv" /></p >
<p>*联系电话：<input type="text" id="Tel" /></p >
<p>*电子邮箱：<input type="text" id="Eamil" /></p >
</div>
<div id="right">
<p><input type="checkbox" />更多资料<input type="checkbox" />了解方案<input type="checkbox" />认识厂商</p >
<textarea rows="5" cols="30">详细信息在此处填写!</textarea>
</div>
<div id="footer">
<input type="submit" value="提交" onclick="return chackOne()" /> <input type="reset" value="重置" />
</div>
</fieldset>
</form>
</body>
</html>
点击提交之后直接跳到了Default.aspx
阻止一下click默认事件看看？
e.preventDefault();
或者使用下面这种方式
<form action="" οnsubmit="return func()">
<input type="submit" value="button" />
</form>
https://www.cnblogs.com/GrowthRookie/p/3451139.html
你把input的类型换成button,等通过验证了再换成submit, 再用代码提交
如果通过验证:
document.getElementById("submit").setAttribute("type","submit")
document.getElementById("form").submit()