Javascript jQuery表单字段验证

Javascript jQuery表单字段验证,javascript,jquery,Javascript,Jquery,我有一个表单,有几个输入字段,类为“inputfields”,如果为空警报“fieldname为空”,则需要验证每个字段,否则返回true我的jquery代码不起作用在控制台日志中不断出错有人能帮我吗 jQuery(document).ready(function() { $('.inputfields').each.on('change keyup' ,function(){ var ope = $(this).attr('name');

我有一个表单,有几个输入字段,类为“inputfields”,如果为空警报“fieldname为空”,则需要验证每个字段,否则返回true我的jquery代码不起作用在控制台日志中不断出错有人能帮我吗

jQuery(document).ready(function() {

        $('.inputfields').each.on('change keyup' ,function(){
            var ope = $(this).attr('name');
            if (ope.val()==''){
                alert(ope+'is empty');
                }else {
                    console.log(ope);
                    }
                });
    });

我相信您希望检查不同类型的输入字段,因此希望使用
change
keyup

我尝试了一些基于您的代码的方法,但是下面的解决方案只有在您想要验证文本类型输入字段时才有效。对于
选择
或其他输入类型,您必须在循环中进行更多检查,或以其他方式进行验证

    $('.inputfields').each(function() {
        $(this).bind('change keyup', function() {
            var ope = $(this).attr('name');
            if ($(this).val() == '') {
                console.log(ope+'is empty');
            } else {
                console.log(ope+ ' : ' + $(this).val());
            }
        });
    });

希望这将引导您找到所需的解决方案。

显示了哪些错误?未捕获类型错误:未定义不是函数运算符PROFILE01。php:446未能加载资源:net::ERR\u CACHE\u MISS
。each.on
。。。我以前从未见过jQuery这样使用。非常感谢,这里还有一件事,您可以在更改时添加条件,如果表单已提交,keyup也会添加条件。我插入了$(this.bind('change keyup submit',function()),但它不起作用。还有其他方法吗?很抱歉延迟了响应。我很高兴它有帮助。我认为表单和输入应该单独验证,因为它们是独立的实体类型。即使您成功地将
更改
键控
提交
绑定在一起,您也必须对每个表单和输入分别进行检查。因此,我的建议我们的目的是分别验证这些。此外,这里还有其他人提出了建议,我相信,这将为您节省很多时间。避免重新发明车轮应该是一条路。只要我的两分钱。