如何在form中调用js表单验证 10
展开全部
比如有个表单
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
