Question

我需要使用不显眼的javascript / jquery来检查输入字段是否已填写。如果是，我需要显示那个输入字段。不是价值。

这是输入表单

<div class="inputCol">
    <div class="formItem first-name">
        <label>First Name:</label>
        </div>
    <div class="inputCol">
        <input maxlength="40" size="35" id="firstName" name="firstName" class="imput_value" type="text" />              
    </div>

    <div class="formItem last-name">
        <label>Last Name:</label>
    </div>
    <div class="inputCol">
        <input maxlength="40" size="35" id="lastName" name="lastName" class="imput_value" type="text" />                
    </div>

    <div class="formItem email">
        <label>Email:</label>
    </div>
    <div class="inputCol">
        <input maxlength="40" size="35" id="email" name="email" class="imput_value" type="text" />              
    </div>

    <div class="inputCol">
        <a href="javascript:submitContactUsForm();" class="submit_button">submit</a>
    </div>

所以点击提交按钮我需要它来提醒“名字，电子邮件”，如果只是第一个名字和电子邮件输入了它们。这些输入不需要验证。只要该字段不为空，就应该显示该输入已被提交。

这是我目前的代码，不知道从哪里开始：

$('a.submit_button').click(function(){
var validate= false;
$('input.imput_value').each(function(){
    if($(this).val() != '' || $(this).attr('checked'))
        validate = true;
});
if(validate){
    var dataFilled = $(this).closest('.formItem').find('input').text().trim();
    alert(dataFilled);
    return false;
}
});

Answer 1

$('a.submit_button').click(function(){
    var filledInputs = '';
    $('input.imput_value').each(function(){
        if($(this).val() !== '' || $(this).attr('checked')){
            filledInputs += $(this).attr('name') + ', ';
        }
    });
    if(filledInputs !== ''){
        alert(filledInputs);
    }
});

应该做你想做的事。

查找提交时填写的表格

1 个答案: