重新加载页面/jQuery时如何在输入文本上保持红色答案

【问题标题】：How can i keep red color on input text when page is reload/ jQuery重新加载页面/jQuery时如何在输入文本上保持红色
【发布时间】：2012-04-20 11:53:32
【问题描述】：

是否可以在页面重新加载/刷新/按 f5 后保留红色输入文本（即当电子邮件错误时）？问题是，当我按 f5 或刷新页面时，输入文本颜色从红色变为默认黑色。如果有人向我展示适当的代码，我会很高兴。提前Tnx！

这是代码：

$(document).ready(function(){

    var form=$("#form");
    var email=$("#email");
    var emailVal="неправилен email адрес";

form.submit(function(){
     if(validateEmail()) {return true;}
     else{return false;};
                        });

email.keyup(function(){
     var a=$("#email").val();
     var match_e=/^[A-Za-z0-9]+[A-Za-z0-9_.-]+[A-Za-z0-9]+@[A-Za-z0-9]+[A-Za-z0-9.-]+  [A-Za-z0-9]+.[a-z]{2,4}$/;

  if(match_e.test(a)){email.css('color','#000');}});

function validateEmail(){
     var a=$("#email").val();
     var match_e=/^[A-Za-z0-9]+[A-Za-z0-9_.-]+[A-Za-z0-9]+@[A-Za-z0-9]+[A-Za-z0-9.-]+[A-Za-z0-9]+.[a-z]{2,4}$/;

   if(match_e.test(a)){ 
        email.css('color','#000');
        return true;
  }else{
        email.val(emailVal).css('color','red');
        return false;}
}
});

或者还有一个提议。可能更好的选择是刷新以返回其初始值文本，例如 value="email"，并删除错误消息。我可以接受保留红色文本或在页面刷新时将其删除。

【问题讨论】：

标签： jquery forms events keypress page-refresh

【解决方案1】：

注意：要发生这种情况，您应该非常确定在重新加载时，您的文本值仍然存在，这意味着您必须从服务器。

现在进行验证使用validation plugin

<script src="dist/jquery.min.js"></script>
<script src="dist/jquery.validate.js"></script>

<script>
    $(function() {
        $(window).load(function () {
            $('#your_form_id').valid();
        });
    });
</script>
<style>
    .error{
        color:red;
    }
</style>

<input name='txt' id='txt' class='email' value='YOUR DEFAULT VALUE'></input>

【讨论】：

当我添加这段代码时： $(window).load(function () { $('#email').val('EMAIL ADDRESS_'); });现在一切正常:)。再次Tnx

【解决方案2】：

除了表单事件之外，您应该在 DOM 准备好之后调用您的验证器函数。

【讨论】：

【解决方案3】：

为什么不validate再次渲染后的页面呢？这可以在ready 事件上完成。阅读this

【讨论】：