时间戳

首页 > 解决方案 > 多语言验证处理逻辑

javascript - 多语言验证处理逻辑

问题描述

我有一个包含多种语言的表格，例如：英语、德语、中文。每个包含三个字段-

  1. 选择列表
  2. 标题文本框
  3. 文本区域

基于一切完成验证是强制性的逻辑。我的要求现在已经改变了，

  1. 如果用户直接点击提交按钮而不填写字段，则应突出显示所有内容。
  2. 如果用户添加任何语言的字段值，则应突出显示相应语言的剩余空白字段，例如：用户添加了德语标题值，仅突出显示德语的剩余两个字段

提前致谢 ;）

标签： javascriptjqueryvalidation

解决方案

您可以在 jquery 中使用依赖函数

如何使用 jquery 验证“取决于”“必需”以外的规则？

<input type="text" name="text1" id="text1" class="form-control frm1">
<input type="text" name="text2" id="text2" class="form-control frm1">
<input type="text" name="text3" id="text3" class="form-control frm1">

在您的 jquery 验证中

      text1:  {
                            required: {
                                depends: function(element) {
                                    return ($("#text2").val() == "" || $("#text3").val() == "" );

                                }
                            },
                        },

        text2:  {
                            required: {
                                depends: function(element) {
                                    return ($("#text1").val() == "" || $("#text3").val() == "" );

                                }
                            },
                        },


        text3:  {
                            required: {
                                depends: function(element) {
                                    return ($("#text1").val() == "" || $("#text2").val() == "" );

                                }
                            },
                        }

希望现在你明白一些事情，

推荐阅读