Javascript JQUERY动态添加错误类_Javascript_Jquery_Drupal

Javascript JQUERY动态添加错误类

javascript jquery drupal

Javascript JQUERY动态添加错误类,javascript,jquery,drupal,Javascript,Jquery,Drupal,当文本框为空时，需要在class属性中添加“error” 我有下面的代码，但此代码在提交表单后不会显示。请引导我 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l

当文本框为空时，需要在class属性中添加“error”

我有下面的代码，但此代码在提交表单后不会显示。请引导我

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
    alert("page loaded");
    $("#examle_frm_id input[type='submit']").click(function(){
        alert("form has hitted");
        if (jQuery("#fname").val() == ""){
            $("#fname").addClass( "error" );
        }   
    });
})
</script>
</head>

<body>
<form method="post" id="examle_frm_id" >
    <input type="text" class="txt-firstname" name="fname" id="fname"  />
    <input type="submit" />
</form>
</body>
</html>


无标题文件
$（文档）.ready（函数（）{
警报（“页面加载”）；
$（“#examle_frm_id input[type='submit']”）。单击（函数（）{
警报（“窗体已命中”）；
if（jQuery（“#fname”）.val（）=“”）{
$（“#fname”）.addClass（“错误”）；
}   
});
})

更多的输入，我在“addClass”函数后添加了returnfalse。我提交了表格。表单刚刚停止，我注意到firebug中添加了类“error”。但是如果我删除了“return false”，pageget load/refresh，那么我们在jquery中添加的内容都会从类中删除

现在请告知。表单提交后如何根据条件动态添加特定类

如果发生（jQuery（“#fname”）.val（）==”），则应停止重新加载页面

$('#examle_frm_id').submit(function (evt) {
    alert("form has hitted");
    if (jQuery("#fname").val() == ""){
        evt.preventDefault();
        window.history.back();
        $("#fname").addClass( "error" );
    }
});

根据我的要求，我不想停止他们的控制。