展会信息港展会大全

js校验表单后提交表单的三种方法
来源:互联网   发布日期:2016-01-27 15:56:07   浏览:1648次  

导读:本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助第一种:代码如下:script type=text javascript function check(form) { ...

本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助

第一种:

代码如下:

<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

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港