3-13表單驗證狀態(tài)應(yīng)該怎么用呢
不同的狀態(tài)是不同的樣式，那么怎么根據(jù)不同的狀態(tài)動態(tài)改變樣式呢？比如說原本是普通樣式，驗證成功則為成功狀態(tài)，失敗則顯示失敗狀態(tài)？
麻煩大神給個小例子。
放肆的思念
2016-12-17
2 回答
舉報
0/150
提交
取消
2016-12-17
后臺AJAX驗證成功后返回成功狀態(tài),前臺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(){
? ? ? ? ? ? ? ?//你需要在驗證成功后改變表單狀態(tài)的腳本
$(".my_name").css({"width":"300px"},{"border-color":"#3ebbce"})
? ? ? ? ? ?}
? ? ? ?});
})
? ? ?
? ?
</script>
</html>