js校验表单后提交表单的三种方法总结_Javascript教程-查字典教程网
js校验表单后提交表单的三种方法总结
js校验表单后提交表单的三种方法总结
发布时间:2016-12-30 来源:查字典编辑
摘要:第一种:复制代码代码如下:functioncheck(form){if(form.userId.value==''){alert("请输入用...

第一种:

复制代码 代码如下:

<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="登陆">

</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="登陆">

</form>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类