18910140161

带有'keyup'和'change'参数的JavaScript-jQuery on()方法在移动设备上不起作用-堆栈溢出

顺晟科技

2022-10-19 11:43:16

193

我试图禁用提交按钮,以检查提交前是否填满了所有输入字段。下面的代码在桌面上很好,但在移动设备上不起作用。我是不是漏掉了什么?

jQuery(function($) {
$('button.wof-btn-submit').attr('disabled', true);
$('[data-wof-field~="primary_email"]').on('keyup change drop paste', function(event) { 
 
        validateInputs();
    });
​
    $('[data-wof-field~="text_2"]').on('keyup change drop paste', function(event) {
        validateInputs();
    });
​
    $('[data-wof-field~="number_1"]').on('keyup change drop paste', function(event) {
        validateInputs();
    });
​
    $('[data-wof-field~="text_1"]').on('keyup change drop paste', function(event) {
        validateInputs();
    });
​
    function validateInputs(){
        var disableButton = false;
​
        var val1 = $('[data-wof-field~="primary_email"]').val();
        var val2 = $('[data-wof-field~="text_2"]').val();
        var val3 = $('[data-wof-field~="number_1"]').val();
        var val4 = $('[data-wof-field~="text_1"]').val();
​
        if(val1.length == 0 || val2.length == 0 || val3.length == 0 || val4.length == 0)
            disableButton = true;
​
        $('button.wof-btn-submit').attr('disabled', disableButton);
    }
});

以下是链接

提前感谢,


顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航