Contact : {
$el : $('#formContact'),
$modal : $('#modal-contact'),
validation: {
onkeyup: false,
wrapper: "em",
//onclick: false,
errorPlacement: function(error, element) {
//none
var element_wrap = element.closest('.control-group');
if(element.closest('.select-wrapper').length > 0 ){
element.closest('.select-wrapper').addClass('error');
}
error.addClass('error-msg').appendTo( element_wrap );
},
success: function(label) {
if(label.closest('.select-wrapper').length > 0 ){
label.closest('.select-wrapper').removeClass('error');
}
},
submitHandler: function(form) {
var options = {
dataType : "json",
beforeSubmit : Forms.Contact.showRequest,
success : Forms.Contact.showResponse
};
$(form).ajaxSubmit(options);
}
},
showRequest: function(formData, jqForm, options) {
//before
},
showResponse: function(response, statusText, xhr, $form) {
//after
if(response == null) { log('No response from server'); return false; }
//we have the result
if( typeof response.error != undefined && response.error === true) {
//error
//alert(response.message);
} else {
//success
$('#modal-contact').modal('hide');
}
},
init : function(){
var _self = this;
_self.$el.on('change', "#enquiryInput", function(ev) {
$('#enquiryInputName').val($(this).find("option:selected").text());
});
_self.$el.validate(_self.validation);
_self.$modal.modal({backdrop:false,keyboard:false,show:false});
_self.$modal.on('show', function () {
$('.website', _self.$modal).hide();
_self.$modal.find('form').attr('action', 'home/contact');
});
}
}, //End Contact Form
----------------------------------------------------------
js文件
----------------------------------------------------------
<!-- Content Modal (contact) -->
<div class="modal hide fade modal-content" id="modal-contact">
<form action="" id="formContact" method="post">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
<h3 class="modal-title">Contact </h3>
</div>
<div class="modal-body">
<div>
<div class="column2 first">
<fieldset>
<div class="control-group">
<label for="fNameInput">First name</label>
<input type="text" id="fNameInput" class="required" name="fNameInput">
</div>
<div class="control-group">
<label for="lNameInput">Last name</label>
<input type="text" id="lNameInput" class="required" name="lNameInput">
</div>
<div class="control-group website">
<label for="websiteInput">Website</label>
<input type="url" class="textinput" id="websiteInput" name="website">
</div>
<div class="control-group">
<label for="emailInput">Email address</label>
<input type="email" class="textinput required" required="required" id="emailInput" name="emailInput">
</div>
<div class="control-group">
<label for="phoneInput">Phone</label>
<input type="text" class="textinput" id="phoneInput" name="phoneInput">
</div>
<div class="control-group">
<label for="msgInput">Message</label>
<textarea id="msgInput" class="textareainput required" name="msgInput" required="required"></textarea>
</div>
<div class="control-group select">
<label for="enquiryInput">Type of enquiry</label>
<input type="hidden" name="enquiryInputName" id="enquiryInputName" value="General enquiry">
<div class="select-wrapper">
<select type="text" id="enquiryInput" class="required" name="enquiryInput" require="require">
<option value="rnmnlb@163.com">前台</option>
<option value="rnmnlb@163.com">服务</option>
</select>
</div>
</div>
</fieldset>
</div>
<div class="column2 last">
<div class="newsletter">
<h3>Subscribe to newsletter</h3>
<div class="controls checkbox">
<input type="checkbox" name="newsletter[]" value="1" id="newsleter_item_1">
<label for="newsleter_item_1">newsletter</label>
<input type="checkbox" name="newsletter[]" value="2" id="newsleter_item_2">
<label for="newsleter_item_2">newsletter</label>
<input type="checkbox" name="newsletter[]" value="3" id="newsleter_item_3">
<label for="newsleter_item_3">newsletter</label>
<input type="checkbox" name="newsletter[]" value="4" id="newsleter_item_4">
<label for="newsleter_item_4">newsletter</label>
<input type="checkbox" name="newsletter[]" value="5" id="newsleter_item_5">
<label for="newsleter_item_5">newsletter</label>
<input type="checkbox" name="newsletter[]" value="6" id="newsleter_item_6">
<label for="newsleter_item_6">newsletter</label>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="btn-group clearfix">
<button type="submit" name="send_contact" value="send_contact" class="more dark"><span>send enquiry</span> <i>></i></button>
</div>
</div>
</form>
</div>
------------------------------------------
前端表单
------------------------------------------
if(response == null) { log('No response from server'); return false; }
//we have the result
if( typeof response.error != undefined && response.error === true) {
//error
//alert(response.message);
} else {
//success
$('#modal-contact').modal('hide');
}
------------------------------------------
需要输出结果 我把这句写在js里面了, 但是没有用, 拜托了,
推荐职位-多个IT职位 如何屏蔽全局钩子,不调用CallNextHookEx()传递失效?(VC6) 如何获取最新的记录,见下面的例子 一个字段怎么按照另外一个字段的值自动生成一个值 谁知道这个网站用的是那个论坛吗? 请问XP怎样设置才能做服务器用 我们都是好孩子,最最天真的孩子。。。 rep和Dsr有什么区别呢? C#如何做Mobile的后台服务程序 谁知道这个网站用的是那个论坛吗? 火 出差回来的时候 别忘了多带几个MM AXAJ问题 给我死进来。。。 memo为何存不进去内容 字符集编码! 如何形象地演示单链表的基本操作? UML中的一段翻译 救命,ASP.NET C#,B/S在线模拟考试系统的设计思路(具体生成试卷那里) 看看值多少钱! 各位高人,办忙给出在linux下写检测网卡工作状态是否正常的程序思路!!!!! 关于临界区的的简单问题 看看值多少钱! 菜鸟问题,请问如何做到该网页显示的效果 为什么我设置全局快捷键 ,瑞星都是报病毒? C# 键盘事件! 这个人,值多少钱? 我的资源 http://download.csdn.net/source/909236 提示\"您访问的资源不存在 CSDN 下载频道\", 但是资源在下面存在的! 北京 求SCJP考试券和培训 如何获取IE窗口的滚动条的当前位置 如何放大屏幕上的操作区域?