Question

当文本框为空时需要添加＆＃34;错误＆＃34;在class属性中。

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

<!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>

更多输入，我在＆＃34;之后添加了返回false。 addClass＆＃34;功能。我提交了表格。表格刚刚停止，我在萤火虫，班级＆＃34;错误＆＃34;被添加。但如果我删除＆＃34;返回false＆＃34;，页面加载/刷新，我们在jquery中添加了从类中删除的内容。

现在请指教。如何根据表单提交后的条件动态添加某些类。

Answer 1

你应该停止重新加载页面，如果（jQuery（＆＃34; #fname＆＃34;）。val（）==＆＃34;＆＃34;）发生了。

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

JQUERY动态添加错误类

1 个答案: