摘要：本次带来的是一组倒计时模板，HTML&CSS3打造。五个不同样式的界面。适合上线新品前使用。同样也适合前端入门的小伙伴进行源码阅读学习。
/*
----------------------------------------------------------------------
部分源码：Subscribe form
----------------------------------------------------------------------
*/
$('#subscribe-form').submit( function() {
if ( !valid_email_address( $("#subscribe-input").val() ) )
{
$("#subscribe-input").addClass("error");
}
else
{
var data_of_form = $(this).serialize();
$.ajax({
url: 'assets/php/subscribe.php',
data: data_of_form,
type: 'POST',
success: function(data) {
if ( data == "success" )
{
$("#subscribe-input").val("");
$("#subscribe-submit").val(" ").addClass("btn-success");
setTimeout(
function(){
$("#subscribe-submit").val("Subscribe").removeClass("btn-success");
}, 5000
);
}
else
{
$("#subscribe-submit").val(" ").addClass("btn-error");
setTimeout(
function(){
$("#subscribe-submit").val("Subscribe").removeClass("btn-error");
}, 5000
);
}
},
error: function(){
$("#subscribe-submit").val(" ").addClass("btn-error");
setTimeout(
function(){
$("#subscribe-submit").val("Subscribe").removeClass("btn-error");
}, 5000
);
}
});
}
return false;
});
$("#subscribe-input").on("click", function() {
$(this).removeClass("error");
});DEMO
资源下载
扫描下方二维码或者搜索微信搜索【xituarea】关注回复370即可获取下载链接！
