Question

我在实际提交之前使用jquery来验证表单。验证工作正常，但是当我使用.submit()提交表单时，它没有做任何事情。我看过其他论坛的答案，但都没有。

我已经重命名了元素("submit")的名称，所以它不会引起冲突，我试图在.submit()函数中进行验证，但它仍然不起作用

这是我的表格

<form action="" method="POST" id="info_employee">
    <table>
        <colgroup>
            <col width="200px">
            <col width="10px">
            <col>
        </colgroup>
        <tr>
            <td>Name</td>
            <td>:</td>
            <td><input type="text" name="name"></td>
        </tr>
        <tr>
            <td>Division</td>
            <td>:</td>
            <td><select name="division" id="division">
                '.$opsi_division.'
            </select></td>
        </tr>
        <tr>
            <td>Posisi</td>
            <td>:</td>
            <td><input type="text" name="position"></td>
        </tr>
        <tr>
            <td>Status</td>
            <td>:</td>
            <td><select name="status" id="status">
                '.$opsi_status.'
            </select></td>
        </tr>
        <tr>
            <td>Date</td>
            <td>:</td>
            <td><input type="text" name="date_status" id="date_status" readonly="readonly"></td>
        </tr>
    </table>

    <div>
        <input type="hidden" name="'.($edit == true ? 'save_edit' : 'save_new').'">
        <button type="submit" id="save" value="Save">Save</button>
    </div>
</form>

这是我的jQuery，它位于$（document）.ready（function（）{

中

var conf, conf_t;
$('body').on('click', '#save', function(e){
    e.preventDefault();
    conf = 0;
    conf_t = 0;

    conf_t++;
    if($('input[name="name"]').val() == ''){
        empty_blink($('input[name="name"]'));
    }else{
        conf++;
    };

    conf_t++;
    if($('#division').val() == '' || $('#division').val() == null){
        empty_blink($('#division'));
    }else{
        conf++;
    };

    conf_t++;
    if($('input[name="position"]').val() == ''){
        empty_blink($('input[name="position"]'));
    }else{
        conf++;
    };

    conf_t++;
    if($('#status').val() == '' || $('#status').val() == null){
        empty_blink($('#status'));
    }else{
        conf++;
    };

    conf_t++;
    if($('input[name="date_status"]').val() == ''){
        empty_blink($('input[name="date_status"]'));
    }else{
        conf++;
    };

    if(conf == conf_t){
        console.log(conf, conf_t);
        $('#info_employee').submit();
    }else{
        console.log(conf, conf_t);
        notif('You must fill all field', 0);
    }
});

我有其他形式，几乎是这些代码的完全副本，它适用于其他形式，但不适用于此

请帮助

修改这里是notif（）和empty_blink（）

的代码

function notif(message, status){
   if(status == 1){ //success
      $('#notification').css('background-color','#2D53A0').css('border','3px solid white').text(message).fadeIn(500).delay(500).fadeOut(500);
   }else if(status == 0){ //failed
      $('#notification').css('background-color','#F52F2F').text(message).fadeIn(500).delay(500).fadeOut(500);
   }
}

function empty_blink(el){
   el.css('background-color','#FFCCCC', '!important');
}

Jquery .submit（）不会触发/执行任何操作

0 个答案: