带apex的Jquery模糊问题

我想在Apex上做类似的事情

上面的链接显示了一个示例，但在apex中它是

而不是

基本上，我希望在用户键入时验证字段，并在字段正确后立即删除错误

我正在使用apex verion 4.0

到目前为止，我所做的一切都不起作用，因为我没有收到任何错误消息，即使我试图强制执行错误

在页面
HTML标题和Body属性上
我有我的css

`<style>
#error{
    margin-bottom: 20px;
    border: 1px solid #efefef;
}
#error ul{
    list-style: square;
    padding: 5px;
    font-size: 11px;
}
#error ul li{
    list-style-position: inside;
    line-height: 1.6em;
}
#error ul li strong{
    color: #e46c6d;
}
#error.valid ul li strong{
    color: #93d72e;
}

</style>`

`
#错误{
边缘底部：20px；
边框：1px实心#EFEF；
}
#错误ul{
列表样式：方形；
填充物：5px；
字体大小：11px；
}
#错误ul-li{
列表样式位置：内部；
线高：1.6em；
}
#错误：李强{
颜色：#e46c6d；
}
#错误。有效ul li strong{
颜色：#93d72e；
}
`

在javascript中，我有

`$(document).ready() {
var name = $("#P1_TEST");
};
<script>
function validateName(){
    //if it's NOT valid
    if(p_t03.val().length < 4){
        p_t03.addClass("error");
                error_message("Must be than 3 letters!");
        return false;
    }
    //if it's valid
    else{
        p_t03.removeClass("error");
        return true;
    }
}

</script>
<script>
p_t03.blur(validateName);
p_t03.keyup(validateName);
</script>`

`$（document）.ready（）{
变量名称=$（“#P1#U测试”）；
};
函数validateName（）{
//如果它是无效的
if（p_t03.val（）.长度<4）{
p_t03.addClass（“错误”）；
错误消息（“必须超过3个字母！”）；
返回false；
}
//如果有效的话
否则{
p_t03.删除类（“错误”）；
返回true；
}
}
p_t03.模糊（验证名称）；
p_t03.键控（验证名称）；
`

请注意
p\u t03
是
P1\u测试的名称。因为在铬上检查元件`id=“pP1\U测试”name=“p\U t03”

在
项上
->
P1\u测试
->
HTML表单元素属性
。我有
onblur=“validateName（）；”
，它应该检查上面的jquery验证

这是我第一次在apex上这样做。我太确定我的方法是否正确。
用以下内容替换您的JavaScript：

var name = $("#P1_TEST");

function validateName(){
    //if it's NOT valid
    if(name.val().length < 4){
        name.addClass("error");
                error_message("Must be than 3 letters!");
        return false;
    }
    //if it's valid
    else{
        name.removeClass("error");
        return true;
    }
}

$(document).ready(function() {
    name.blur(validateName);
    name.keyup(validateName);
})

var name=$（“#P1_测试”）；
函数validateName（）{
//如果它是无效的
if（name.val（）.length<4）{
name.addClass（“错误”）；
错误消息（“必须超过3个字母！”）；
返回false；
}
//如果有效的话
否则{
name.removeClass（“错误”）；
返回true；
}
}
$（文档）.ready（函数（）{
name.blur（validateName）；
name.keyup（validateName）；
})

您的代码不起作用的原因：


如果将代码放置在页面属性>JavaScript中，则不需要使用标签
p_t03.blur（）不是调用JQuery的正确语法<代码>$（'[name=“p_t03”]'）。blur（）是您所需要的。为了简单起见，我在回答中使用了ID而不是name


祝你的项目顺利完成