如何在form中调用js表单验证 10
7个回答
推荐于2016-03-20 · 知道合伙人数码行家
关注
展开全部
比如有个表单
<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;
}
}
当提交表单的时候就会触发验证,运行结果:
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可以在submit按钮上添加onclick事件。通过创建function函数进行验证,全部通过后执行form.submit(),错误则利用alert或者innerHTML显示错误信息。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<form action="" onsubmit="表单验证方法"></form>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2015-07-10 · 知道合伙人软件行家
关注
展开全部
表单验证插件jquery.validate.js 这个很方便啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询