Javascript Jquery验证不是一个函数

我不熟悉Jquery/Javascript

我试图验证表单以确保字段具有值，但在控制台日志中收到以下消息

错误消息：

TypeError: "#post_origin".val is not a function

脚本：

<script>

    $('#new_note_form').on('submit', function (event) {
        $(".errors").empty().remove();
        $.each($('#post_origin, #post_dest, #post_radius, #post_available, #post_equipment, #post_notes, #post_origin_states, #post_dest_states'), function(i, field) {
            $(field).css({ "border": '#FFFFFF 1px solid'});
        });


        if(('#post_origin').val() == '' && ('#post_origin_states').val() == '' ){
            ('#post_origin').css({ "border": '#FF0000 2px solid'});
            ('#post_origin_states').css({ "border": '#FF0000 2px solid'});
            (".errors").empty().append('Origin City/State & Origin States Can\'t Both Be Blank');
            return false
        }
        if(('#available').val() == ''){
            ('#available').css({ "border": '#FF0000 2px solid'});
            (".errors").empty().append('Available Date Can\'t Be Blank');
            return false
        }

    });



</script>

$（'new'u note'u form'）。关于（'submit'，函数（事件）{
$（“.errors”）.empty（）.remove（）；
$。每个（$（$）（$邮政起点、邮政目的地、邮政半径、邮政可用、邮政设备、邮政注释、邮政起点状态、邮政目的地状态），函数（i，字段）{
$（field.css（{“border”：'#FFFFFF 1px solid'}）；
});
if（（'post#u origin'）.val（）=''&（'post#u origin_states'）.val（）=''）{
（“#post_origin”）.css（{“border”：“#FF0000 2px solid”}）；
（'post#u origin_states'）.css（{“border”：'FF0000 2px solid'}）；
（“.errors”）.empty（）；
返回错误
}
如果（“#可用”）.val（）{
css（{“border”：“#FF0000 2px solid”}）；
（“.errors”）.empty（）.append（'可用日期不能为空'）；
返回错误
}
});

您的问题是，您想使用

$（'post_origin'）

获取jQuery对象，因为

（'post_origin'）

无效。如果再执行几次，请确保通过执行以下操作获得jQuery对象：

$（'selector'）

---

另外，要知道，如果要将jQuery对象保存到变量，可以使用

var variableName=$（'selector'）

（'post_origin'）。val（）

（以及对

（'post_origin）

和

（'available'）

）的其他引用缺少前导的

$

。您尝试调用括号字符串上的

val（）

，而不是jQuery对象。另请参见

（“.errors”）

，它应该是

$（“.errors”）

，等等。尽管我支持Flynn偏好分号，但分号在Javascript中是可选的。那些

return false

行完全有效。你说得对，我只是超出了我想要修复他的样式的范围。编辑以使我的答案更符合所问问题的目标。