前台页面 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. mysql查看存储过程

    查询数据库中的存储过程 方法一: select `name` from mysql.proc where db = 'your_db_name' and `type` = 'PROCEDURE' 方法 ...

  2. 搭建自己本地yum源

    1.挂载系统光盘(注:medi下的cdrom是我自己创建的,可以挂载在任意目录) [root@liutao ~]# mount /dev/cdrom /media/cdrom/ 2.修改yum配置文件 ...

  3. hibernate检索方式(HQL 检索方式,QBC 检索方式,本地 SQL 检索方式)

    hibernate有五种检索方式,这儿用 单向的一对多的映射关系 例子,这儿有后三种的方式: 导航对象图检索方式: 根据已经加载的对象导航到其他对象 OID 检索方式: 按照对象的 OID 来检索对象 ...

  4. 简单了解.net

    .NET是 Microsoft XML Web services 平台.XML Web services 允许应用程序通过 Internet 进行通讯和共享数据,而不管所采用的是哪种操作系统.设备或编 ...

  5. Intellij IDEA debug介绍

    先编译好要调试的程序. 1.设置断点 选定要设置断点的代码行,在行号的区域后面单击鼠标左键即可. 2.开启调试会话 点击红色箭头指向的小虫子,开始进入调试. IDE下方出现Debug视图,红色的箭头指 ...

  6. 获取本地IP,并设置到IP控件

    char szHostName[MAX_PATH + 1]; gethostname(szHostName, MAX_PATH); //得到计算机名 hostent *p = gethostbynam ...

  7. HDU1532 Drainage Ditches 网络流EK算法

    Drainage Ditches Problem Description Every time it rains on Farmer John's fields, a pond forms over ...

  8. 初识DeepLearning4j

    标签(空格分隔): DeepLearning 在Mac上装DP4j 1. 安装Java 因为DP4j是基于JVM的,所以要先安装一下Java. 使用命令行brew install java 并且在pr ...

  9. socket(一)

    相关链接: http://my.oschina.net/u/1378445/blog/340206?p=2&temp=1469158886336#blog-comments-list http ...

  10. .ipynb文件 与ipython notebook

    没有安装ipython notebook 后看见.ipynb文件直接手足无措了 一.安装ipython notebook 使用命令 pip ipython [all] 为所有用户安装 ipython ...