当前位置: 首页 > 知识库问答 >
问题:

jQuery日期格式验证(突出显示文本字段)

酆乐湛
2023-03-14
<script>
jQuery(document).ready(function(){
 jQuery('#submit').click(function () {
  var dateReg = /^\d{2}\-\d{2}\-\d{4}$/;

  if(!dateReg.test(date.val())){
    date.addClass('highlight');
    jQuery(date).focus();
    return false;
  } else date.removeClass('highlight');
}); 
});
</script>

<style>
    .highlight { background: #FFE6E7; }
</style>

<body>
    <form>
    <input type="text" name="date"/> <em>(dd-mm-yyyy)</em><br>
    <input type="submit" value="submit" id="submit"/>
    </form>
</body>

共有1个答案

齐望
2023-03-14

您的regex很好,但jQuery没有:

jQuery('#date').focus

您可以在按键上使用:

jQuery('#submit').keypress

或者你可以使用焦点输出,它在失去焦点时被触发:

jQuery('#submit').focusout
 类似资料:
  • 谁知道是否可以更改文本突出显示? 当我在“”中编写sql时,突出显示效果很好,但是当我添加带有{}的新3.6语法时,除了python字符串之外的所有突出显示都会消失。 是否可以决定(在行级别应突出显示哪种语言? (我正在运行教授版PyCharm 2017.1.2)

  • 问题内容: 我有一个带有两个输入文本框的表单,并且我包括了两个的jQuery验证规则: 我用过了: 突出显示错误控制。现在的问题是,在以下情况下,两个输入文本框都保持突出显示(背景色:红色): 在文本框1中输入少于5个字符的文本 将文本框2留空 点击提交 两个输入文本框的背景都将更改为红色(正确) 现在,在文本框1中输入一个包含6个字符的文本(有效输入) 将文本框2留空 点击提交 两个文本框的背景

  • 问题内容: 我可以高亮显示一些文本,使其从一个值开始,然后从另一个值结束,如下所示,但颜色为黄色吗? “” JTextPane 高亮显示 文本“” 谢谢。 问题答案: 通常,有几种可能性,具体取决于您对“突出显示”的真正含义:-) 通过在文档级别更改任意文本部分的样式属性来突出显示,例如 通过textPane级别上的荧光笔突出显示:

  • 我想使用jQuery验证插件验证输入(出生日期),但它必须是“dd/mm/yyyy”格式,并且在年份日期超过2002年时不进行验证。 因此,该日期在格式为“dd/mm/yyyy”且年份超过“2002”时有效

  • 如何更改日历视图特定日期的颜色?我正在创建一个简单的应用程序,可以在日历上添加事件,我想突出显示有事件的日期。有人能告诉我怎么做吗?如果不可能,请给我一些其他的建议。

  • 问题内容: 我正在尝试突出显示与查询匹配的文本,但是我不知道如何使标记显示为HTML而不是文本。 当前输出: Java 脚本 所需的输出: Java 脚本 问题答案: 这是我简单的twoliner辅助方法: 它返回一个跨度,其中所请求的零件以标签突出显示。如果需要,可以简单地将其修改为使用其他标签。 更新: 为避免唯一键丢失警告,这是一个基于跨度并为匹配的零件设置fontWeight样式的解决方案