Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.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 jquery检查表单中的值_Javascript_Jquery - Fatal编程技术网

Javascript jquery检查表单中的值

Javascript jquery检查表单中的值,javascript,jquery,Javascript,Jquery,我有两个输入,在提交表单之前,我会检查它们是否为空 我的问题是,它只验证“自”日期。问题是.val将只检查列表中的最后一个id吗 $('#submitDates').click(function () { // Get the fields you want to validate var name = $("#to_date, #from_date"); // Check if field is empty or not if (nam

我有两个输入,在提交表单之前,我会检查它们是否为空

我的问题是,它只验证“自”日期。问题是.val将只检查列表中的最后一个id吗

    $('#submitDates').click(function () {
      // Get the fields you want to validate
      var name = $("#to_date, #from_date");

      // Check if field is empty or not
      if (name.val()=='') {
        alert ('Please Select Dates')
        return false;
      } ;

     }); 
    }); 

是否有任何特定原因使您挂起
。请单击
,而不是
。是否提交

您可以迭代选定的元素,并使用


在您的示例中,
var name=$(“#to#u date,#from#u date”)
为您提供两个输入的集合,如果(name.val()='')jQuery只检查集合中的第一个元素,则执行
操作,因此它不起作用。你可以试试这个

$('#submitDates').click(function () {
    var name = $("#to_date, #from_date");
    if ( name[0].value == '' || name[1].value == '' ) {
        alert ('Please Select Dates');
        return false;
    }
});
在上面的示例中,
name[0]。value
指第一个元素,
name[1]。value
指第二个元素。如果您想使用jQuery的
val()
方法,那么可以像
$(名称[0]).val()和
$(名称[1]).val()那样使用它


你也应该考虑使用“<代码>提交/代码>事件”来代替按钮的点击事件。

谢谢你的回答,但是它只是提交表单,即使两者都是空的。上一次}@KeithPower上也出现了一个小的语法错误,我修复了语法错误,重点是让你走自己的路,我没有测试脚本。我更新了答案(使用.val()处理jQuery对象,每个对象都在底层DOM元素上运行,我在元素周围添加了$())。当对多个元素的集合调用
.val()
时,它返回集合中第一个元素的值。这是本书的第一句话。
$('#submitDates').click(function () {
    var name = $("#to_date, #from_date");
    if ( name[0].value == '' || name[1].value == '' ) {
        alert ('Please Select Dates');
        return false;
    }
});