使用 jquery.validate.js 插件进行条件表单验证

2023-12-10

谁能告诉我如何编写一条规则来验证用户是否没有选择/填充单选按钮选项或(可选)文本字段?如果没有复选框选项,该规则应该只给出一条消息#myradiogroup被选择并且文本字段#email2是空的。

我的表单代码:

<form name="my" id="myForm" action="" method="post">

<input type="radio" name="myradiogroup" id="myradiogroup" value="option 1" /> option 1
<input type="radio" name="myradiogroup" id="myradiogroup" value="option 2" /> option 2

<label for="emailNew4use">this is an optional field:</label>
<input type="text" name="email2" id="email2" />

<input type="submit" value="send">

</form>

The requiredjQuery Validate 中的参数可以采用一个函数。

$('#myForm').validate({
    rules: {
        email2: {
            required: function(element) {
                if ($('[name="myradiogroup"]:checked').length) {
                    return false;
                } else {
                    return true;
                }
            }
        },
        myradiogroup: {
            required: function(element) {
                if ($('#email2').val()) {
                    return false;
                } else {
                    return true;
                }
            }
        }
    }
});

这是来自的精简版本Sparky

$('#myForm').validate({
    rules: {
        email2: {
            required: function(element) {
                return !$('[name="myradiogroup"]:checked').length;
            }
        },
        myradiogroup: {
            required: function(element) {
                return !$('#email2').val();
            }
        }
    }
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 jquery.validate.js 插件进行条件表单验证 的相关文章

随机推荐

  • Range(Cells()) 中的运行时错误 1004

    我在许多宏中有以下代码 但它需要大量我不需要的信息 公式如下 Range A1 h BD h Value Worksheets ABC1 Range A h BD h Value 我尝试将公式更改为更动态的版本 如下 Sub MFGI NA
  • 将 P 值添加到组内比较箱线图

    我正在尝试创建一个箱线图 它仅显示箱线图中每个条形的组内的显着 p 值 例如 它会比较 I1 和 SI2 的 一般 良好 非常好 等 我尝试使用以下代码来实现上面的情节 library ggplot2 library dplyr data
  • 三元运算符与 if 语句的优点

    我正在浏览一些代码 发现其中有一些三元运算符 这段代码是我们使用的一个库 它应该非常快 我在想除了空间之外我们是否还可以节省任何东西 你的经验是什么 表现 三元运算符的性能与编写良好的等效运算符不应有差异if else声明 它们很可能解析为
  • Android Studio 通知管理器错误

    我编写了一段代码 以便在信标范围内时弹出通知 我的通知代码如下 private void showNotification String message Log d Hay8 DCM8 Intent intent new Intent co
  • _Generic 宏中传递的指针类型不兼容

    以下代码生成 2 个警告 如问题标题中所述 include
  • 将 SceneKit 场景导出为 Collada .dae 文件的最简单方法?

    我有一个算法生成的 SceneKit 场景 我希望能够将其导出为 Collada dae 文件 例如用于 iBooks Author 中 由于 SceneKit 可以导入 Collada 文件 我认为也可能有办法导出它们 但在 API 中找
  • 使用 HttpClient 在“适配器已分离”和“无包装连接”之间切换

    所以正如我所说 当我尝试运行时 我在这两个错误之间来回跳动HttpClient execute HttpPost 得到IllegalStateException public class NetMethods private static
  • 更改占位符一部分的颜色[重复]

    这个问题在这里已经有答案了 如何只更改占位符的一部分 这是我的html div class col md 4 p class form row form row wide p div
  • actionbarsherlock 使用选项卡导航 选项卡导航

    我有一个后期需求更改 需要选项卡导航 我已经在我的应用程序中使用了 ActionBarSherlock 以前我的用户界面由活动组成 但是 据我了解 TabBar 需要片段活动吗 我有什么办法可以保留现有代码并实现 TabBar 或者这需要完
  • 使用原型继承重写方法

    我正在使用这个克隆方法进行原型继承专业 JavaScript 设计模式这基本上是相同的Crockford 的 object 函数 唯一的区别是 Crockford 添加了调用括号 但由于 F 为空 我不确定这是否重要 我认为这不是问题 cl
  • Delphi TBitmap - 为什么 Pixels 和 ScanLine 不同?

    在使用 32 位 TBitmap 时 我从 Canvas Pixels 切换到 ScanLine 然后我将值设置为红色 却发现它显示为蓝色 知道为什么吗 这是代码摘录 procedure TForm1 FormPaint Sender TO
  • 在 Android KitKat 上隐藏导航栏后显示导航栏

    在我的应用程序中 我想让用户隐藏或显示导航栏 后退 主页 菜单 系统栏 电池 wifi 通知 应始终隐藏 我用以下代码隐藏系统栏 getWindow setFlags WindowManager LayoutParams FLAG FULL
  • JQuery3.0 抛出错误设置只有 getter firefox 的属性

    我动态创建了 SVG 圆圈 并使用 JQuery 将其小圆圈动画化为大圆圈 动画在其他 JQuery 版本中工作正常并抛出异常 设置一个只有 getter 的属性 仅适用于 JQuery 3 0 版本 我在网上搜了一下 这是由于属性没有se
  • htaccess - 在一台共享服务器上托管多个域,

    我有一个 site1 com 作为我的主站点 我在根目录 site1 和 site2 中创建了两个文件夹 我使用 Htaccess 将 site1 com 的流量重定向到文件夹 site1 Site2 也可以使用目录 site2 作为 si
  • 如何在 ios 中打开日历 .ics 文件?

    我正在尝试在我的应用程序中下载并打开 ics 文件 我发现了一些问题 这是我正在使用的一些代码 NSString path NSBundle mainBundle pathForResource http www nmsd wednet e
  • VSCode 终端 + Git Bash 对于任何命令都“找不到命令”

    我的settings json非常简单 它用sh exe 来自git 替换cmd exe terminal integrated shell windows C Program Files x86 Git bin sh exe 打开外壳后
  • 如何对 firebase 中的多个值求和

    我也是 Android 编程新手firebase 首先看图片 详情图片 在那里我想得到所有 成本 部分的总计 总和 我已经创建了这样的参考 DatabaseReference databaseBazars firebaseDatabase
  • -Dcucumber.options 在 mvn 测试中被忽略

    我正在使用 mvn test 来运行黄瓜测试 但是当我尝试在命令行上传递选项时 Dcucumber options 选项将被忽略 并使用运行程序类中 CucumberOptions 中指定的选项 例如 如果我只是尝试显示黄瓜帮助 它会忽略它
  • 是否可以使用 Tkinter 创建适用于 Android 或 iOS 的应用程序? [关闭]

    Closed 这个问题需要多问focused 目前不接受答案 我正在尝试创建一个应用程序 tkinter 确实很有帮助 只是想确认 Tkinter 是否会成功引导我找到适用于 IOS 或 Android 的应用程序 不幸的是 Tkinter
  • 使用 jquery.validate.js 插件进行条件表单验证

    谁能告诉我如何编写一条规则来验证用户是否没有选择 填充单选按钮选项或 可选 文本字段 如果没有复选框选项 该规则应该只给出一条消息 myradiogroup被选择并且文本字段 email2是空的 我的表单代码