前端js校验第一次提交时文本框中有内容提示错误信息,第二次点击提交可以提交，没有提示错误信息
前端js校验第一次提交时文本框中有内容提示错误信息,第二次点击提交可以提交，没有提示错误信息vartitle=document.getElementById("title...
前端js校验第一次提交时文本框中有内容提示错误信息,第二次点击提交可以提交，没有提示错误信息
var title = document.getElementById("title").value;
var typename = document.getElementById("typename").value;
var content = document.getElementById("content").value;
if(title == ""){
document.getElementById("err1").innerHTML="请输入标题!";
return false;
}
if(typename == "0"){
document.getElementById("err2").innerHTML="请选择新闻类别!";
return false;
}
if(content == ""){
document.getElementById("err3").innerHTML="请输入标题!";
return false;
}
return true;
就提示请输入标题 展开
var title = document.getElementById("title").value;
var typename = document.getElementById("typename").value;
var content = document.getElementById("content").value;
if(title == ""){
document.getElementById("err1").innerHTML="请输入标题!";
return false;
}
if(typename == "0"){
document.getElementById("err2").innerHTML="请选择新闻类别!";
return false;
}
if(content == ""){
document.getElementById("err3").innerHTML="请输入标题!";
return false;
}
return true;
就提示请输入标题 展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<style>
form textarea {
resize:none;
width:200px;
height:100px;
}
table td{
vertical-align: top;
}
</style>
<script>
var sub=function(fm){
var reg=/^\s+|\s+$/g;
if(fm.title.value.replace(reg,"") == ""){
alert("请输入标题!");
fm.title.focus();
return false;
}
if(fm.typename.value == ""){
alert("请选择新闻类别!");
fm.typename.focus();
return false;
}
if(fm.content.value == ""){
alert("请输入内容!");
fm.content.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form onsubmit="return sub(this)">
<table>
<tr><td>标题：</td><td><input type="text" name="title" /></td></tr>
<tr><td>新闻类别：</td><td><select name="typename">
<option value="">请选择</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select></td></tr>
<tr><td>内容：</td><td><textarea name="content"></textarea></td></tr>
<tr><td colspan=2 style="text-align:center;"><input type="submit" value="提交" /> <input type="reset" value="重置" /></td></tr>
</table>
</form>
</body>
</html>
追问
应该是内容区我加了个编辑器，自己加了个提交按钮，第一次获取不到值，第二次点击可以获取到值,但是点编辑器上的保存就可以直接跳转页面
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
