什么'；我的Javascript/jQuery函数有什么问题？

我想这很明显

<script type="text/javascript">
$(document).ready(function(){

function textValidate(field) {
    $("field").blur(function(){
        var alphaExp = /^[a-zA-Z\sàèìòùáéíóúäëïöüñãõåæøâêîôû-]+$/;
        if (f_name.value.length > 1 && f_name.value.match(alphaExp)) {
            document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";
        }
        else {
            document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/cross.png' class='mark'>";
        }
    });
}

textValidate(#f_name);
textValidate(#l_name);

});
</script>

应该是

textValidate("#f_name");
textValidate("#l_name");

$(field).blur(function(){

    if (field.value.length > 1 && field.value.match(alphaExp)) {
        document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";
    }

       $(field).blur(function(){

textValidate('#f_name');
textValidate('#l_name');

及

应该是

textValidate("#f_name");
textValidate("#l_name");

$(field).blur(function(){

    if (field.value.length > 1 && field.value.match(alphaExp)) {
        document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";
    }

       $(field).blur(function(){

textValidate('#f_name');
textValidate('#l_name');

我不确定变量

f_name

是从哪里来的

textValidate("#f_name");
textValidate("#l_name");

应该是

textValidate("#f_name");
textValidate("#l_name");

$(field).blur(function(){

    if (field.value.length > 1 && field.value.match(alphaExp)) {
        document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";
    }

       $(field).blur(function(){

textValidate('#f_name');
textValidate('#l_name');

及

应该是

textValidate("#f_name");
textValidate("#l_name");

$(field).blur(function(){

    if (field.value.length > 1 && field.value.match(alphaExp)) {
        document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";
    }

       $(field).blur(function(){

textValidate('#f_name');
textValidate('#l_name');

我不确定变量

f_name

是从哪里来的

textValidate("#f_name");
textValidate("#l_name");

你确定你需要这个

---

另外，您确定需要#？

i thibk这里有一种类型：

    if (f_name.value.length > 1 && f_name.value.match(alphaExp)) {
        document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";
    }

应该是

textValidate("#f_name");
textValidate("#l_name");

$(field).blur(function(){

    if (field.value.length > 1 && field.value.match(alphaExp)) {
        document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";
    }

       $(field).blur(function(){

textValidate('#f_name');
textValidate('#l_name');

及

应该是

textValidate("#f_name");
textValidate("#l_name");

$(field).blur(function(){

    if (field.value.length > 1 && field.value.match(alphaExp)) {
        document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";
    }

       $(field).blur(function(){

textValidate('#f_name');
textValidate('#l_name');

---

我认为这里有一种类型：

    if (f_name.value.length > 1 && f_name.value.match(alphaExp)) {
        document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";
    }

应该是

textValidate("#f_name");
textValidate("#l_name");

$(field).blur(function(){

    if (field.value.length > 1 && field.value.match(alphaExp)) {
        document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";
    }

       $(field).blur(function(){

textValidate('#f_name');
textValidate('#l_name');

及

应该是

textValidate("#f_name");
textValidate("#l_name");

$(field).blur(function(){

    if (field.value.length > 1 && field.value.match(alphaExp)) {
        document.getElementById(field+"_mark").innerHTML = "<img src='images/icons/tick.png' class='mark'>";
    }

       $(field).blur(function(){

textValidate('#f_name');
textValidate('#l_name');

---

您不能在

文档中使用CSS选择器。getElementById（id）

使用

另外，您的意思可能不是

f_name.value

（如果您不是仅为IE开发的话…）

$（“#f#u name”）.val（）

或

$（字段）.val（）

，不确定

---

最后，您的

元素缺少其结束标记

您不能在

文档中使用CSS选择器。getElementById（id）

使用

另外，您的意思可能不是

f_name.value

（如果您不是仅为IE开发的话…）

$（“#f#u name”）.val（）

或

$（字段）.val（）

，不确定

---

最后，您的

元素缺少它们的结束标记

在其他答案中，您使用的是一个jQuery选择器，它需要

\myId

，而getElementById需要

myId

。在磅号前面加上前缀不会返回您要查找的元素。

在其他答案中，您使用的是一个jQuery选择器，它需要

#myId

，而getElementById需要

myId

。在英镑符号前面加上前缀将不会返回您要查找的元素。

这里有一个稍微修改过的代码版本：

$.fn.textValidate = function() {
    this.blur(function() {
        var alphaExp = /^[a-zA-Z\sàèìòùáéíóúäëïöüñãõåæøâêîôû-]+$/;
        var mark = $(this).next('span');

        if ($(this).val().match(alphaExp))
            mark.html("<img src='images/icons/tick.png' class='mark'>");
        else
           mark.html("<img src='images/icons/cross.png' class='mark'>");
    });
}


$(document).ready(function() {  
    $('#f_name').textValidate();
    $('#l_name').textValidate();
});

---

下面是您的代码稍微修改过的版本：

$.fn.textValidate = function() {
    this.blur(function() {
        var alphaExp = /^[a-zA-Z\sàèìòùáéíóúäëïöüñãõåæøâêîôû-]+$/;
        var mark = $(this).next('span');

        if ($(this).val().match(alphaExp))
            mark.html("<img src='images/icons/tick.png' class='mark'>");
        else
           mark.html("<img src='images/icons/cross.png' class='mark'>");
    });
}


$(document).ready(function() {  
    $('#f_name').textValidate();
    $('#l_name').textValidate();
});

---

jQuery模糊函数是使用jQuery对象调用的。这意味着如果使用调用函数，函数将失败

$(document).ready(function() {
    $('#f_name, #l_name').blur(function() {
        var alphaExp = /^[a-zA-Z\sàèìòùáéíóúäëïöüñãõåæøâêîôû-]+$/;
        var mark = $(this).next('.mark');

        if ($(this).val().match(alphaExp))
            mark.attr('src', 'images/icons/tick.png');
        else 
            mark.attr('src', 'images/icons/cross.png');
    });
});

f_name既不是字符串，也不是jQuery对象。为了解决您的问题，我知道您正试图使您的函数尽可能通用，以便它可以应用于其他领域。试试这个：

textValidate(#f_name);

---

请注意，参数是一个字符串。就这样

jQuery模糊函数是使用jQuery对象调用的。这意味着如果使用调用函数，函数将失败

$(document).ready(function() {
    $('#f_name, #l_name').blur(function() {
        var alphaExp = /^[a-zA-Z\sàèìòùáéíóúäëïöüñãõåæøâêîôû-]+$/;
        var mark = $(this).next('.mark');

        if ($(this).val().match(alphaExp))
            mark.attr('src', 'images/icons/tick.png');
        else 
            mark.attr('src', 'images/icons/cross.png');
    });
});

f_name既不是字符串，也不是jQuery对象。为了解决您的问题，我知道您正试图使您的函数尽可能通用，以便它可以应用于其他领域。试试这个：

textValidate(#f_name);

---

请注意，参数是一个字符串。就这样

您认为哪里不对？如果您使用jQuery，为什么不使用

$（field+“_-mark”）.html

？字段不是变量吗？代码本身毫无意义。既然已经包含了jQuery，为什么还要将纯JavaScript与jQuery混合（我想是在您给出的代码之前的某个地方）？你说的“怎么了”是什么意思。正在发生什么以及应该发生什么？您认为哪里不对？如果您使用jQuery，为什么不使用

$（field+“_-mark”）.html

？字段不是变量吗？代码本身毫无意义。既然已经包含了jQuery，为什么还要将纯JavaScript与jQuery混合（我想是在您给出的代码之前的某个地方）？你说的“怎么了”是什么意思。发生了什么以及应该发生什么？我在blur函数中添加了一行额外的内容，以将字段的值保存为变量。我还将javascript修改为使用jQuery选择器和函数。我在blur函数中添加了一行额外内容，将字段值保存为变量。我还将javascript修改为使用jQuery选择器和函数。