1

什么$(elem)时候使用它？

我的 javascript 函数有问题，我有 3 个表单，这 3 个表单有时共享相同的字段类，因此当我尝试对表单的 1 个进行验证时，即使它已正确填写，它也会返回错误，因为该函数将获得另一种形式的类，我的一个朋友说要使用 $(elem)，因为它可以解决他的问题，但我不知道如何使用 $(elem)，何时使用，以及如何使用这行得通。

如果有人能向我解释这一点，那就太好了。

一个例子也将不胜感激:)

例子：

function dispFields(a, b, c, z, ch) 
{
    var valid;
    var blanks = Array();
    var blanks2 = Array();
    var email_reg = /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/;
    var myVal = $('#'+a).find('input.required').map(function() {
                               return $(this).val();
                               }).get().join(',');
    var myTitle = $('#'+a).find('input.required').map(function() {
                               return $(this).attr("title");
                               }).get().join(',');

    var myEmail = $('#'+a).find('input.email-field').map(function() {
                               return $(this).val();
                               }).get().join(',');

    var myEmailtitle = $('#'+a).find('input.email-field').map(function() {
                               return $(this).attr("title");
                               }).get().join(',');

        var email_val = myEmail.split(',');
        var email_title = myEmailtitle.split(',');
        var email_error = email_val.length;
        var error_form = myVal.split(',');
        var error_title = myTitle.split(',');
        var errorlength = error_form.length;

        String.prototype.email_match = function(s){
           return this.match(s)!==null 
        }
        for(y=0;y<email_error;y++){
            if (!('indexOf' in Array.prototype)) {
                Array.prototype.indexOf= function(finds, is /*opt*/) {
                    if (is===undefined) is= 0;
                    if (is<0) is+= this.length;
                    if (is<0) is= 0;
                    for (var n= this.length; is<n; is++)
                        if (is in this && this[is]===finds)
                            return is;
                    return -1;
                };
            }
            if((error_title.indexOf(email_title[y])) == -1){    
                if(email_val[y] == ''){
                    valid = true;
                }else{
                    if(email_reg.test(String(email_val[y]).toLowerCase())==false){
                        blanks2[y] = email_title[y]+" - Should be valid email";
                        valid = false;
                    }
                }
            }
        }
        for(x=0;x<errorlength;x++){
            if(error_form[x] == ''){
                    if(myTitle == ''){
                        valid = true;
                    }else{
                        blanks[x] = "Required - "+error_title[x];
                        valid = false;
                    }
            }else{
                var myBool = (String(error_title[x]).toLowerCase()).email_match("email");
                if(myBool == true){
                    if(email_reg.test(String(error_form[x]).toLowerCase())==false){
                        blanks[x] = error_title[x]+" - Should be valid email";
                        valid = false;
                    }
                }else{
                    if(blanks == ''){
                        valid = true;
                    }
                }
            }   
        }
        if(blanks == '' && blanks2 == ''){
            valid = true;
            }else{
            valid = false;
        }

        var blankc = blanks.concat(blanks2);
        var requiredS = blankc.toString();
        var nblank = requiredS.split(',').join("\n");

        if(valid != true){  
            alert("Please review:\n\n"+nblank);
            document.getElementById(a).style.display = "";
            document.getElementById(b).style.display = "none";
        }else{
            var ssplits = z.split(',');
            var fieldlengths = ssplits.length;
            var indexes = fieldlengths - 1;
            var d;
            var e;
            d=parseInt(c,10)+1;
            e=d-1;

            if(b == ssplits[indexes]){
                $("#step"+d).addClass("active");
                $("#step"+e).removeClass("active");
                document.getElementById(a).style.display = "none";
                document.getElementById(b).style.display = "";
                document.getElementById("tbutton").style.display = "";
                document.getElementById("tcont").style.display = "none";    
                document.getElementById("captchas").style.display = "none";     
            }

            $("#step"+d).addClass("active");
            $("#step"+e).removeClass("active");
            document.getElementById(a).style.display = "none";
            document.getElementById(b).style.display = "";
            if(b == ch){
                document.getElementById("captchas").style.display = "";     
            }
        }
    return false;
}

现在，每当我提交表单时都会调用此函数，但在一个页面中，我可以有 2 或 3 个可能具有“必需”类的表单，因此即使表单中的字段已填满，它仍然会警告错误，因为它是获取其他形式的字段的类。

4

2 回答 2

6

$是（通常）jQuery函数。

如果您使用 jQuery，那么$(elem)将包装elem为 jQuery 对象，并让您访问它的所有实用方法。

您的朋友可能建议您使用 jQuery，这样您就可以执行以下操作：

if ($(elem).hasClass('<your validation class>')) {

编辑 - 查看您刚刚添加的代码，看起来您已经在使用 jQuery。如果没有更多关于你朋友所说的内容的背景，很难推测出它的意思。

如果您有关于如何使用 jQuery 完成某事的特定问题，您可以随时发布一个新问题，其中包含更精简的代码片段。

于 2012-12-13T18:52:18.427 回答
0

** $ 帮助您获取与选择器组合的元素的处理程序。** 例如，您有一个具有类 A 的元素，您可以使用 $ 获取该元素的处理程序 -> $(".A" ) [ . -> 类选择器，# -> id 选择器]。因此，为了使用 jquery，您必须使用 $ 和选择器来操作元素，即 $(".A").text("myText") -> 使用类设置所有元素的文本一个

于 2012-12-13T19:54:02.610 回答