Question

正确输入并提交表单字段（#submit_btn）后，我的值会消失。如果它们无效，则不会发生这种情况。我试过用jQuery修复它：

$('#submit_btn').click(function() {
    if($("#register .wpcf7-mail-sent-ok") === true) {
        $('#name-007').val('Full Name').show();
        $('#email-007').val('Email').show();
        $('#phone-007').val('Phone Number').show();
    }
});

但它不起作用。

修改：#register是父级，.wpcf7-mail-sent-ok是小孩

有什么想法吗？

Answer 1

根据我的理解，这应该适合你：

$('#submit_btn').click(function() {
    if($("#register .wpcf7-mail-sent-ok")) {
        $('#name-007').val('Full Name').show();
        $('#email-007').val('Email').show();
        $('#phone-007').val('Phone Number').show();
    }
});

使用$("#register .wpcf7-mail-sent-ok")检查true将无法正常工作，因为它是一个真实系统的dom对象，但与true不完全相同

Answer 2

试试这个：

$('#submit_btn').click(function() {
    if($("#register .wpcf7-mail-sent-ok").length) {
        $('#name-007').val('Full Name').show();
        $('#email-007').val('Email').show();
        $('#phone-007').val('Phone Number').show();
    }
});

这是＆＃34;适当的＆＃34;检查元素是否存在的方法。无需使用＆＃34; ＆GT; 0＆＃34;或＆＃34; ===＆＃34;

Answer 3

$('#submit_btn').click(function() {
    if($("#register").hasClass("wpcf7-mail-sent-ok") {
        $('#name-007').show();
        $('#email-007').show();
        $('#phone-007').show();
    }
});

如果类存在，则在表单字段中显示值

3 个答案: