3-13表单验证状态应该怎么用呢
放肆的思念
2016-12-17 14:33
不同的状态是不同的样式，那么怎么根据不同的状态动态改变样式呢？比如说原本是普通样式，验证成功则为成功状态，失败则显示失败状态？
麻烦大神给个小例子。
2回答
-
- 杜塞尔多夫
- 2016-12-17 16:00:05
后台AJAX验证成功后返回成功状态,前台JS脚本改变你需要验证成功样式!
-
- 杜塞尔多夫
- 2016-12-17 16:24:51
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form method="post" action="">
<input type="text" class="my_name" style="width: 200px;height: 30px;border: 1px solid #ddd;font-size: 14px;" placeholder="请输入你的名字">
<input type="button" id="save" style="width:70px;height: 30px;background-color: #3ebbce;display: inline-block;font-size: 14px;color:#fff;" value="点击保存">
</form>
</body>
<script>
$("#save").click(function(){/点击验证
//查询验证
$.ajax({
url : "", //后台验证表单接受地址
dataType:'json',
success : function(){
//你需要在验证成功后改变表单状态的脚本
$(".my_name").css({"width":"300px"},{"border-color":"#3ebbce"})
}
});
})
</script>
</html>
玩转Bootstrap（基础）
314546 学习 · 2275 问题
相似问题