如何在form中调用js表单验证 10

 我来答
pieryon
推荐于2016-03-20 · 知道合伙人数码行家
pieryon
知道合伙人数码行家
采纳数:14411 获赞数:166862
获取软件设计师高级职称 万达金融最佳创新奖

向TA提问 私信TA
展开全部

比如有个表单

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>


js验证函数:

function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}


当提交表单的时候就会触发验证,运行结果:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
DragonVS2010
2011-05-13 · TA获得超过124个赞
知道小有建树答主
回答量:226
采纳率:0%
帮助的人:178万
展开全部
可以在submit按钮上添加onclick事件。通过创建function函数进行验证,全部通过后执行form.submit(),错误则利用alert或者innerHTML显示错误信息。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
飘渺幻客
2011-05-13 · TA获得超过460个赞
知道答主
回答量:166
采纳率:0%
帮助的人:0
展开全部
<form action="" onsubmit="表单验证方法"></form>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
vivifirst
2011-05-13 · TA获得超过837个赞
知道小有建树答主
回答量:170
采纳率:0%
帮助的人:226万
展开全部
<head>
<script type="text/javascript">
function checkForm(user){
var uname=frm.value;
if(!uname){
alert("用户名不能为空!");
uname.focus();
return;
}
}
</script>
</head>
<body>
<form name="frm" method="post" action="">
<input name="user" type="text" onBlur="checkForm(this);">
</body>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
你以为你以为de
2015-07-10 · 知道合伙人软件行家
你以为你以为de
知道合伙人软件行家
采纳数:503 获赞数:1339
某培训机构毕业,大专学位。工作2年,喜欢百度知道答题,可以互相学习共通过进步。

向TA提问 私信TA
展开全部
表单验证插件jquery.validate.js 这个很方便啊
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 3条折叠回答
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式