这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇 js 判断所有表单项不为空则提交表单的实现方法。小编觉得挺不错的, 现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
demo1.html
- <html>
- <head>
- <title>
- 提交表单页
- </title>
- <script type="text/javascript">
- function myCheck() {
- for (var i = 0; i < document.form1.elements.length - 1; i++) {
- if (document.form1.elements[i].value == "") {
- alert("当前表单不能有空项");
- document.form1.elements[i].focus();
- return false;
- }
- }
- return true;
- }
- </script>
- </head>
- <body>
- <form name="form1" method="post" action="page2.html" onSubmit="return myCheck()">
- 用户名:
- <input type="text" name="username">
- <br>
- 性别:
- <input type="text" name="sex">
- <br>
- 出生时间:
- <input type="text" name="birthday">
- <br>
- <input type="submit" value="提交">
- </form>
- </body>
- </html>
- demo2.html
- <script language="Javascript">
- < !--
- function submit1(frm) {
- if (document.frm.word.value == "") {
- alert("请输入搜索新闻内容!");
- document.frm.word.focus();
- return false;
- }
- return true;
- }
- //-->
- </script>
- <form method="POST" action="" name="frm" onsubmit="return submit1(this);">
- <select name="select0">
- <option value="0">
- 请选择一个类别
- </option>
- <option value="1">
- 新闻
- </option>
- <option value="2">
- 产品
- </option>
- <option value="3">
- 留言
- </option>
- </select>
- <input type="text" name="word" size="20" class="input" style="height:19px; ">
- <input type="radio" name="sea_cat" value="标题">
- 标题
- <input type="radio" name="sea_cat" value="内容">
- 内容
- <input type="submit" value="搜" name="B1" class="input1">
demo3.html
- <script type="text/javascript">
- function beforeSubmit(form) {
- if (form.username.value == '') {
- alert('用户名不能为空!');
- form.username.focus();
- return false;
- }
- if (form.password.value == '') {
- alert('密码不能为空!');
- form.password.focus();
- return false;
- }
- if (form.password.value.length < 6) {
- alert('密码至少为6位,请重新输入!');
- form.password.focus();
- return false;
- }
- if (form.password.value != form.password2.value) {
- alert('你两次输入的密码不一致,请重新输入!');
- form.password2.focus();
- return false;
- }
- return true;
- }
- </script>
- <fieldset>
- <legend>
- 用户注册
- </legend>
- <form method="post" name="form" action="user.do?method=register" onSubmit="return beforeSubmit(this);">
- <table border="1" width="100%" cellspacing="0" cellpadding="0">
- <tr>
- <td>
- <label>
- 用户名:
- <input type="text" name="username" value="">
- </label>
- </td>
- </tr>
- <tr>
- <td>
- <label>
- 密 码:
- <input type="password" name="password" value="">
- </label>
- </td>
- </tr>
- <tr>
- <td>
- <label>
- 重复密码:
- <input type="password" name="password2" value="">
- </label>
- </td>
- </tr>
- <tr>
- <td>
- <input value="注册" type="submit">
- <input type="reset" value="重置">
- </td>
- </tr>
- </table>
- </form>
- </fieldset>
以上这篇 js 判断所有表单项不为空则提交表单的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0618/331982.html