Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/.net/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 实时检查用户输入_Javascript_Ruby On Rails - Fatal编程技术网

Javascript 实时检查用户输入

Javascript 实时检查用户输入,javascript,ruby-on-rails,Javascript,Ruby On Rails,在我的应用程序中,当用户被创建时,他/她可以通过在三个不同的下拉列表中选择一年、一个月和一天来选择他们的生日 目前,用户可以选择未来日期作为其出生日期。我需要一种方法来检查用户是否选择了一个有效的日期,并在该日期无效时警告他们 我知道我需要使用一些JavaScript,但我以前从未在Rails应用程序中使用过它。我的主要问题是确定如何从JS文件访问输入值 提前谢谢 与表单中的日期选择部分相对应的代码: <div class="control-group"> <%= f.la

在我的应用程序中,当用户被创建时,他/她可以通过在三个不同的下拉列表中选择一年、一个月和一天来选择他们的生日

目前,用户可以选择未来日期作为其出生日期。我需要一种方法来检查用户是否选择了一个有效的日期,并在该日期无效时警告他们

我知道我需要使用一些JavaScript,但我以前从未在Rails应用程序中使用过它。我的主要问题是确定如何从JS文件访问输入值

提前谢谢

与表单中的日期选择部分相对应的代码:

<div class="control-group">
  <%= f.label "Date of Birth (YYYY-MM-DD)", :class => 'control-label' %>
  <div class="controls">
    <%= f.select :year_Of_Birth , options_for_select((Time.now.year - 100)..(Time.zone.now.year )), :include_blank => true  %>
    <%= f.select :month_Of_Birth, 1..12 , :include_blank=> true  %>
    <%= f.select :day_Of_Birth, 1..31 , :include_blank => true  %>
  </div>
</div> 

js在客户端上运行。只需在各个字段上放置一些onchange处理程序即可触发验证。基本上,我如何从js文件访问表单上的输入?我不知道ruby,但您可以将id添加到选择框中吗?然后您的JavaScript将非常简单,如下所示,var selectValue=document.getElementByIdselectId.value根据@MarcB的建议,您可能希望研究对出生年份和出生月份元素使用onchange,并将出生日期的选项更新为仅包括有效天数。你并不真的希望用户能够选择一个无效的日期——这不是一个好的用户体验。