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>

时间： 2024-08-01 18:10:03

js判断所有表单项不为空则提交表单的相关文章

判断表单项内容为空后光标位于相应表单项

判断表单项内容为空后光标位于相应表单项:在进行表单验证的时候,一般都有这样的情况,如果一个表单项目没有通过验证的话,那么此表单项就会获得焦点,光标的位置也就会位于此表单项目中,下面就简单介绍一下如何实现次效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://w

js判断一个 object 对象是否为空

方法一:使用for...in for...in... 遍历属性,为真则为“非空数组”:否则为“空数组” for (var i in obj) { return true // 如果不为空,则会执行到这一步,返回true } return false // 如果为空,返回false 方法二:使用JSON.stringify() JSON 自带的 stringify() 方法,用于将 JavaScript 值转换为 JSON 字符串 if (JSON.stringify(data) === '{}

JS判断元素文本值是否为空

if (aM.value == null || typeof (aM.value) == "undefined" || aM.value == "" || typeof (parseInt(aM.value)) == "number") { isok = true; }

JS判断输入框值是否为空

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>JS判断输入框的值是否为空</title> </head> <body> <input type="text" id="txt"/> <input type="but

js提交表单及js表单验证

1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长度限制 <script>function test() {if(document.a.b.value.length>50){alert("不能超过 50个字符!");document.a.b.focus();return false;}}</script> 2:js验证邮箱格式<SCRIPT LANGUAGE=javascript RUNAT=Server>

表单项介绍

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8  12 13 14 <!-- 15 使用for

jquery+ajax验证不通过也提交表单问题处理

这篇文章主要介绍了jquery validationEngine中使用ajax验证不通过也提交表单问题处理,需要的朋友可以参考下 validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证. 这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例

使用Angular提交表单

使用Angular提交表单我们准备在之前使用的<script>标签中设置我们的Angular应用.所以删除里面的内容,我们就可以开始了. 设置一个Angular应用步骤为: 1. 加载Angular 2. 设置module 3. 这是controller 4. 将module和controller应用于HTML 5. 设置双向变量绑定 6. 这是错误和信息看起来好像是很多内容,但是最终,我们会用非常少的代码,并且看起来会非常简洁.另外,创建带有更多输入更大的表单,也会更容易. Angul

【jQuery】无须id、name与class等属性，直接对表单中的所有表单项进行遍历、判断、检验

虽然看上去好像很爽的样子,尤其在一些具有超过单行文本框<input type="text" />.多行文本框<textarea>等页面,但是,遇到一些需要特定判断的页面,你还不如设置一个id,直接通过id来取,简单方便,不用考虑遍历问题这么艰难.这种方法只是尤其使用于那些超多文本框的页面,但你又不想连用服务器语言什么aspx,jsp,php设置N个id的情况.例如,利用这个方法能够改进<[JavaScript]表单提交之前的前台处理检查三部曲>(点击