第1个回答 推荐于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;
}
}
当提交表单的时候就会触发验证，运行结果：
第2个回答 2011-05-13
可以在submit按钮上添加onclick事件。通过创建function函数进行验证，全部通过后执行form.submit()，错误则利用alert或者innerHTML显示错误信息。
第3个回答 2011-05-13
<form action="" onsubmit="表单验证方法"></form>
第4个回答 2011-05-13
<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>
第5个回答 2015-07-10
表单验证插件jquery.validate.js 这个很方便啊
相似回答