3-13表單驗證狀態應該怎么用呢
不同的狀態是不同的樣式，那么怎么根據不同的狀態動態改變樣式呢？比如說原本是普通樣式，驗證成功則為成功狀態，失敗則顯示失敗狀態？
麻煩大神給個小例子。
放肆的思念
2016-12-17
2 回答
舉報
0/150
提交
取消
2016-12-17
后臺AJAX驗證成功后返回成功狀態,前臺JS腳本改變你需要驗證成功樣式!
2016-12-17
<!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>