如何使用JavaScript更改文本字段颜色并摇动该字段?

时间:2013-12-25 08:44:19

标签: javascript

强文

<script type="text/javascript">
function validateForm(form) {
    if (form.userName.value == "") {
        alert("Please Enter your User Name Or e-mail..");
        form.userName.focus();
        return false;
    }
    //password empty or not
    if (form.password.value == "") {
        alert("Password field cannot be empty");
        form.password.focus();
        return false;
    }
    if (form.password.value != form.rePassword.value) {
        alert("Your password not matched");
        form.rePassword.focus();
        return false;
    }
}
</script>

3 个答案:

答案 0 :(得分:0)

您可以使用style属性:.style.property=your style

 form.userName.style.color="red";

对于摇动效果:Shake textbox when validation fails using JQuery

Shaking effect in my javascript code

答案 1 :(得分:0)

如果使用Jquery使用$("#userName").CSS('backgroundColor','red');

如果是普通的Javascript

document.getElementById("text1").style.backgroundColor = "red";

document.getElementById("text1").style("backgroundColor":"red"); 

答案 2 :(得分:0)

如果您想将背景颜色设为红色,请按照

进行操作

http://api.jquery.com/css/

$("#userName").CSS('backgroundColor','red');

现在震动效果会像这样完成,但不要忘记将jquery库包含到您的应用程序中

$( "#userName" ).effect( "bounce" ); 

我希望这会对你有所帮助