jQuery查找内容并突出显示元素

Question

我收到此错误“请输入您的电子邮件地址。”从表单提交后的服务器端验证。我是checkig，如果此错误显示“请输入您的电子邮件地址”。我正在将CSS边框应用于空间输入元素以突出显示。

我的jQuery代码：

jQuery.noConflict();
jQuery(".register_btn").click(function(){
    if(jQuery( ".left_reset_bar li:contains('Please enter your email address.')" )){
        jQuery('.left_reset_bar #jform_email').addClass('highlightError');
    }
});

但代码不起作用：（

有任何想法或建议吗？感谢。

Answer 1

试试这个：

jQuery.noConflict();
if(jQuery( ".left_reset_bar li:contains('Please enter your email address.')" )){
    jQuery('.left_reset_bar #jform_email').addClass('highlightError');
}

您不需要绑定click处理程序，因为在表单提交之前触发了该函数。这意味着没有li元素与“请输入您的电子邮件地址。” DOM中的文本，当函数触发时。

Answer 2

正如您所说，您收到错误“请输入您的电子邮件地址”。从表单提交后的服务器端验证。但是下面提到的代码会检查字符串“请输入您的电子邮件地址”。点击注册按钮。即，在将请求传递给服务器之前（在表单提交之前）。

jQuery(".register_btn").click(function(){
    if(jQuery( ".left_reset_bar li:contains('Please enter your email address.')" )){
        jQuery('.left_reset_bar #jform_email').addClass('highlightError');
    }
});

您应该在收到服务器的响应后处理此问题。

Answer 3

注册按钮的Click事件将在服务器端事件之前触发。因此，Class不会添加到您的必需标签中。为了按照你的要求执行，将你的逻辑移动到下面的某个函数，然后从后面的代码调用你的javascript函数，如下面提到的代码，然后检查

function HighlightMessage()
{
//Your logic to add Class
}

从后面的代码中调用你的javascript函数的代码

this.ClientScript.RegisterStartupScript（this.GetType（），Guid.NewGuid（）。ToString（），＆＃34; HighlightMessage（）;＆＃34;，true）;

在您的注册按钮的服务器端点击事件处理程序中添加以上行，即在您设置消息的行下方＃34;请输入您的电子邮件地址。＆＃34;。

Answer 4

    $（文件）。就绪（函数（）{         jQuery的（ “register_btn。 ”）点击（函数（）{警报（“ DSD”）。          if（jQuery（“。left_reset_bar li：contains（'请输入你的电子邮件地址。'）”））             {                 jQuery（“。left_reset_bar li：contains（'请输入你的电子邮件地址。'）”）。addClass（'highlightError'）;             }         }）;     }）;