js在表单提交时的验证
2017-10-09 22:19
453 查看
第一种:
复制代码代码如下:
<script type="text/javascript">
function check(form) {
if(form.userId.value=='') {
alert("请输入用户帐号!");
form.userId.focus();
return false;
}
if(form.password.value==''){
alert("请输入登录密码!");
form.password.focus();
return false;
}
return true;
}
</script>
<form action="login.do?act=login" method="post">
用户帐号
<input type=text name="userId" size="18" value="" >
<br>
登录密码
<input type="password" name="password" size="19" value=""/>
<input type=submit name="submit1" value="登陆" onclick="return check(this.form)">
</form>
第二种
复制代码代码如下:
<script type="text/javascript">
function check(form) {
if(form.userId.value=='') {
alert("请输入用户帐号!");
form.userId.focus();
return false;
}
if(form.password.value==''){
alert("请输入登录密码!");
form.password.focus();
return false;
}
return true;
}
</script>
<form action="login.do?act=login" method="post" onsubmit="return check(this)">
用户帐号
<input type=text name="userId" size="18" value="" >
<br>
登录密码
<input type="password" name="password" size="19" value=""/>
<input type=submit name="submit1" value="登陆">
</form>
第三种:
复制代码代码如下:
<script type="text/javascript">
function check(form) {
if(form.userId.value=='') {
alert("请输入用户帐号!");
form.userId.focus();
return false;
}
if(form.password.value==''){
alert("请输入登录密码!");
form.password.focus();
return false;
}
document.myform.submit();
}
</script>
<form action="login.do?act=login" name="myform" method="post">
用户帐号
<input type=text name="userId" size="18" value="" >
<br>
登录密码
<input type="password" name="password" size="19" value=""/>
<input type=button name="submit1" value="登陆" onclick="check(this.form)">
</form>
复制代码代码如下:
<script type="text/javascript">
function check(form) {
if(form.userId.value=='') {
alert("请输入用户帐号!");
form.userId.focus();
return false;
}
if(form.password.value==''){
alert("请输入登录密码!");
form.password.focus();
return false;
}
return true;
}
</script>
<form action="login.do?act=login" method="post">
用户帐号
<input type=text name="userId" size="18" value="" >
<br>
登录密码
<input type="password" name="password" size="19" value=""/>
<input type=submit name="submit1" value="登陆" onclick="return check(this.form)">
</form>
第二种
复制代码代码如下:
<script type="text/javascript">
function check(form) {
if(form.userId.value=='') {
alert("请输入用户帐号!");
form.userId.focus();
return false;
}
if(form.password.value==''){
alert("请输入登录密码!");
form.password.focus();
return false;
}
return true;
}
</script>
<form action="login.do?act=login" method="post" onsubmit="return check(this)">
用户帐号
<input type=text name="userId" size="18" value="" >
<br>
登录密码
<input type="password" name="password" size="19" value=""/>
<input type=submit name="submit1" value="登陆">
</form>
第三种:
复制代码代码如下:
<script type="text/javascript">
function check(form) {
if(form.userId.value=='') {
alert("请输入用户帐号!");
form.userId.focus();
return false;
}
if(form.password.value==''){
alert("请输入登录密码!");
form.password.focus();
return false;
}
document.myform.submit();
}
</script>
<form action="login.do?act=login" name="myform" method="post">
用户帐号
<input type=text name="userId" size="18" value="" >
<br>
登录密码
<input type="password" name="password" size="19" value=""/>
<input type=button name="submit1" value="登陆" onclick="check(this.form)">
</form>
相关文章推荐
- js验证表单大全,用JS控制表单提交 ,javascript提交表单
- 用正则表达式和js验证表单提交
- Js 最原始的表单验证 |将数据提交到百度搜索
- 原生js实现表单的正则验证,所有验证都通过后提交按钮才可用
- 表单提交的客户端验证(通过js函数验证)
- js验证表单提交
- Js表单提交验证
- js验证表单大全,用JS控制表单提交 ,javascript提交表单
- js表单提交验证
- js基础-表单验证和提交
- js 验证表单 js提交验证类
- 使用validate.js实现表单数据提交前的验证方法
- 黑马程序员_学习日记74_727ASP.NET(模拟Session、jsValidate异步验证表单、AjaxForm异步提交表单)
- js表单提交验证-input下显示提示信息
- 用 sco.js valid 插件进行表单验证时,表单是如何提交的
- 利用JS提交表单的几种方法和验证
- 一个简单的表单提交页面,通过js进行验证
- 原生js实现表单验证(提交后验证)
- js 验证表单 js提交验证类
- jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因