前台页面 JS :

function CheckMustWrite(){
var count = $("input[mustwrite = 'true']", document.forms[0]);
for (var i = 0; i< count.length ; i++){
if(count[i].value == ""){
alert(count[i].title + " 为必填项");
count[i].focus();
return false;
}
}
var textareas = $("textarea[mustwrite = 'true']", document.form[0]);
for (var i = 0; i<textareas.length; i++ ){
if(textareas[i].value == ""){
alert(textareas[i].title + " 为必填项");
textareas[i].focus();
return false;
}
}
}

前台页面 HTML :

    <table border="0" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td>项目名称: </td>
<td><input id="DATA_Name" kind="varchar" mustwrite="true" name="DATA_Name" title="项目名称 " type="text" class="blur_text" value="填写合理化建议的名称 " /></td>
<td>应用场地: </td>
<td><input id="DATA_cd" kind="varchar" mustwrite="true" name="DATA_cd" title="应用场地" type="text" class="blur_text" value="合理化建议使用的项目部 " /></td>
</tr>
<tr>
<td>建设设计者: </td>
<td><input id="DATA_sj" kind="varchar" mustwrite="true" name="DATA_sj" title="建设设计者" type="text" class="blur_text" value="合理化建议主要提出者" /></td>
<td>单位部门: </td>
<td><input id="DATA_bm" kind="varchar" name="DATA_bm" title="单位部门" type="text" value="主要提出者所在部门或项目部 " class="blur_text" /></td>
</tr>
<tr>
<td>存在问题: </td>
<td colspan="3"><textarea id="DATA_wt" name="DATA_wt" title="存在问题 " class="blur_text" value="" >描述问题的具体原因、现象及后果 </textarea></td>
</tr>
<tr>
<td>解决方案: </td>
<td colspan="3"><textarea id="DATA_fa" name="DATA_fa" title="解决方案 " class="blur_text" >提出解决原理或解决方案 </textarea></td>
</tr>
</table>
  <div  align="center">
         <input id="Image1" type="image" src="imgs/submit.png" onclick="return CheckMustWrite()" onserverclick="Button1_Click" runat="server" />
</div>

验证页面多个input文本的必填项的更多相关文章

  1. input框中的必填项之取消当前input框为必填项

    html5新增了一个required属性,可以使用这个属性对文本框设置必填项,直接在input文本框上添加required即可 . 效果如图:   

  2. andori 动画验证必填项

    android项目开发过程中,都会碰到必填项的校验,最简单的就是利用Toast对用进行提示,感觉这种提示太不够人性化了,那么今天就来个带动画的,并可以将光标定位到必填项中. andorid动画Anim ...

  3. 如何设置织梦cms自定义表单字段为必填项

    1.编辑器打开\plus\diy.php2.在40行左右找到此行代码:$dede_fields = empty($dede_fields) ? '' : trim($dede_fields);3.在这 ...

  4. DEDECMS织梦自定义表单中必填项、电话邮箱过滤以及验证码规则

    织梦自定义表单必填项规则--->(wwwshu-acca.com网站表单) 1. 在plus/diy.php 的第 40行下加如下代码: 1 2 3 4 5 6 7 8 9 10 11 12 1 ...

  5. 必填项(required)

    当你设计表单时,你可以指定某些选项为必填项(required),只有当用户填写了该选项后,用户才能够提交表单. 例如,如果你想把一个文本输入字段设置为必填项,在你的input元素中加上required ...

  6. vue+ElementUI项目中,上传控件为必填项,上传图片后清空提示信息

    (ps:以下是我在项目中遇到得问题及解决方法,希望对你们有帮助.如果还有其他方法,可以留言,谢谢) 一个表单页面,使用element-ui中el-upload上传图片,此项为必填项,然后写了校验规则, ...

  7. ExtJS4为form表单必填项添加红色*标识

    通常情况下,ExtJS4的form表单必填项在输入状态下会有特殊提示,非输入状态下,显示却和其他项没有任何区别.为使必填项更加容易区分,我们需要根据allowBlank的属性值,为form表单中的必填 ...

  8. 如何设置dedecms自定义表单必填项?

    用dedecms自定义表单可以制作一个简单的预约系统,有些相关信息需要设置为必填项,比如联系方式,没有留下真实的电话或其他信息,以后要怎么联系到你的客户.那我们要如何设置织梦cms自定义表单必填项呢? ...

  9. lay-verify进行非必填项校验

    它默认都验证了! 需要调整源码!form.js,layui.all.js this.config = { verify: { required: [/[\S]+/, "必填项不能为空&quo ...

随机推荐

  1. WebService处理大数据量数据

    在通过WebService处理大数据量数据时出现如下错误: soap fault: 运行配置文件中指定的扩展时出现异常. ---> 超过了最大请求长度. 解决方法: 因为上传的文件大于系统默认配 ...

  2. each(callback) 对于每个匹配的元素所要执行的函数

    以每一个匹配的元素作为上下文来执行一个函数. 意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素).而且,在每次执行函数时,都会给函数传递一 ...

  3. Docker 容器中“TERM environment variable not set.”问题解决

    在查容器内部资源利用情况时候,发现top命令无法使用,报错“TERM environment variable not set.”.从网上找到了解决方案,如下. [root@localhost ~]# ...

  4. String s ; 和 String s = null ; 和 String s = "" ; 的却别

    String s ;该语句表示只是声明了一个引用变量,但是并没有初始化引用,所以对变量s的任何操作(除了初始化赋值外) 都将引发异常. String s=null; 表示未申请任何内存资源,即此语句表 ...

  5. linux下配置redis

    安装redis 1.下载文件 wget http://download.redis.io/releases/redis-2.8.12.tar.gz 2.解压文件  tar zxvf redis-2.8 ...

  6. less文件转换为css文件

    Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量.混合(mixin).函数等功能,让 CSS 更易维护.方便制作主题.扩充. 本文主要介绍less文件如何转化为css文件. ...

  7. MySql + EF6 + .Net Core

    2016年8月17日01:21:29 更新:这里介绍一下一个开源的 EF Core 的 MySQL 组件 [MySQL for .NET Core - Pomelo 扩展包系列][http://www ...

  8. Flowplayer-JavaScript API

    source url: https://flowplayer.org/docs/api.html Global API access Use the flowplayer function to ge ...

  9. 【转】稍改进过的ListView,很好用哈

    using System; using System.Collections.Generic; using System.Text; using System.Windows.Forms; using ...

  10. 【UML】如何记忆UML类图的画法

    前言 UML类图形象反映系统类之间的关系,大家非常常用.小弟不才,偶尔使用,往往每次使用都得查询各种关系的表示方式.终于,这次认真看了几遍,打算记起来. 注意 记忆方法只是本人联想,用于加强记忆.与该 ...