实现效果：

表单验证功能：1.为文本框设置占位提示文字；2.强制要求至少勾选一个项目选项，否则弹出提示并阻止提交；3.特殊处理项目一，当选中项目一时必须同时选择其对应的公章类型，否则给予提示并阻止提交。

使用的js代码：

//单行文本填写内容占位提示 //多行文本填写内容占位提示 $("#field22019").attr("placeholder","请严格按照标准进行填写"); $("#field22009").attr("placeholder","请严格按照标准进行填写，请严格按照标准进行填写，请严格按照标准进行填写"); jQuery(document).ready(function(){ checkCustomize=function(){ var xz1 =jQuery("#field22016").is(":checked");//项目一 var xz2 =jQuery("#field22017").is(":checked");//项目二 var xz3 =jQuery("#field22018").is(":checked");//项目三 //check框必填，否则会提示，且无法提交流程 //调用自定义Dialog组件进行用户提示 if(!(xz1 || xz2 || xz3 )){ top.Dialog.alert("请在<项目及公章选择>选项勾选一个项目"); return false; } //项目一check框与项目一公章check框之间的关联必填验证与提示 if(xz1){ var xz4 =jQuery("#field22020").is(":checked");//项目一公章 var xz5 =jQuery("#field22021").is(":checked");//项目一合同章 if(xz4 || xz5){ return true; } else{ top.Dialog.alert("你勾选了<项目一>，请选择<项目一>的公章类型"); return false; } } return true; } });

js代码：（完整版）

<!-- script代码，如果需要引用js文件，请使用与HTML中相同的方式。 --> <script type="text/javascript"> $("#field22019").attr("placeholder","请严格按照标准进行填写"); $("#field22009").attr("placeholder","请严格按照标准进行填写，请严格按照标准进行填写，请严格按照标准进行填写"); jQuery(document).ready(function(){ checkCustomize=function(){ var xz1 =jQuery("#field22016").is(":checked");//项目一 var xz2 =jQuery("#field22017").is(":checked");//项目二 var xz3 =jQuery("#field22018").is(":checked");//项目三 if(!(xz1 || xz2 || xz3 )){ top.Dialog.alert("请在<项目及公章选择>选项勾选一个项目"); return false; } if(xz1){ var xz4 =jQuery("#field22020").is(":checked"); var xz5 =jQuery("#field22021").is(":checked"); if(xz4 || xz5){ return true; } else{ top.Dialog.alert("你勾选了<项目一>，请选择<项目一>的公章类型"); return false; } } return true; } }); </script>