在 PHP 中使用 jquery addclass 和 removeclass

Question

我正在处理一个 PHP-Jquery-Ajax 提交信息表单，我想使用 addclass 和 removeclass jquery 方法，但我不能让它按我的意愿工作，所以我的问题是：我必须如何修复下面的代码以便根据用户输入添加 css？

addclass 和 removeclass 在我验证输入字段的函数 verificaForm 中，在这种情况下，我只向您展示两个字段验证，但还有更多......我也知道那里有一个库（validate.js）这有助于验证来自用户的输入，但在这种特定情况下，我必须使用此代码。

这是我的 js 代码，提前致谢：

$(document).ready(function () {

    $('#ID_formulario').on('submit', function (e) {

        e.preventDefault();

        var nombre = $('input#ID_nombre').val().trim();
        var email = $('input#ID_email').val().trim();

        if (validaForm(nombre, email)) {

            $('#result').html("<b>resolviendo peticion...</b>");

            var url = $(this).attr('action');
            var data = $(this).serializeArray();
            var type = $(this).attr('method');

            //...more code goes here ... it works fine ...
        }

    });
});

function validaForm(nombre, email) {

    if ((nombre == '') || nombre.replace(/s+/, '') == '') {
        alert("Favor especificar nombre");
        nombre.addClass('hightlight');
        return false;
    } else {
        else nombre.removeClass('hightlight');
    }

    if (nombre.length < 4) {
        alert('El valor del campo es muy corto');
        return false;
    }
    if ((email == '') || email.replace(/s+/, '') == '') {
        alert("Favor especificar correo");
        return false;
    }
    return true;
}

Answer 1

您应该将元素传递给函数，而不是值。然后您可以获取函数内的值。类似的东西：

 var nombre = $('input#ID_nombre');
 var email = $('input#ID_email');

    if(validaForm(nombre, email)) 

    ....


   function validaForm(nombre,email){

   var nombre_value = nombre.val().trim();
   var email_value = email.val().trim();
   .......

Answer 2

因此，您可以将类添加到 jQuery 对象而不是值。如下更改。

替换

var nombre = $('input#ID_nombre').val().trim();
var email = $('input#ID_email').val().trim();

if (validaForm(nombre, email)) {

有

if (validaForm($('input#ID_nombre'), $('input#ID_email'))) {

然后修改你的函数如下。

function validaForm(nombre,email) {

    var nombreVal = $.trim(nombre.val());
    var emailVal = $.trim(email.val());

    if ((nombreVal == '') || nombreVal.replace(/s+/, '') == '') {
    ..........
    ..........
}

并删除此处的其他内容：

} else {
    else nombre.removeClass('hightlight');
}

然后改成

} else {
    nombre.removeClass('hightlight');
}