www.lightcourse.com/app/home/view/default/mall/goods/arrival_notice_submit.html

78 lines
3.6 KiB
HTML

<style>
/* 通用弹出式窗口样式 */
.eject_con { background-color: #FFF; overflow: hidden;}
.eject_con h3 { font: 14px/36px "microsoft yahei"; text-align: center; height: 36px; margin-top: 10px;}
.eject_con dl { font-size: 0; *word-spacing:-1px/*IE6、7*/; line-height: 20px; clear: both; padding: 0; margin: 0; overflow: hidden;}
.eject_con dl dt,
.eject_con dl dd { font-size: 12px; line-height: 32px; vertical-align: top; letter-spacing: normal; word-spacing: normal; text-align: right; display: inline-block; width: 34%; padding: 10px 1% 0 0; margin: 0; *display: inline/*IE6,7*/; *zoom: 1;}
.eject_con dl dt i.required { font: 12px/16px Tahoma; color: #F30; vertical-align: middle; margin-right: 4px;}
.eject_con dl dd { text-align: left; width: 65%; padding: 10px 0 0 0; }
.eject_con-list { margin-top: 4px;}
.eject_con-list li { line-height: 24px;}
.eject_con-list li .radio { vertical-align: middle; margin-right: 4px;}
.eject_con .bottom { background-color:#F9F9F9; text-align: center; border-top: 1px solid #EAEAEA; margin-top:12px; }
.bottom .submit { font: 14px/36px "microsoft yahei"; text-align: center; min-width: 100px; *min-width: auto; height: 36px;margin: 10px auto;}
.alert { display: none; color: #C09853; background-color: #FCF8E3; padding: 8px 35px 8px 14px; margin-bottom: 20px; border: 1px solid #FBEED5; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.alert-error { color: #B94A48; background-color: #F2DEDE; border-color: #EED3D7;}
</style>
<div class="eject_con">
<div id="warning" class="alert alert-error"></div>
<form method="post" target="_parent" action="{:url('Goods/arrival_notice_submit')}" id="arrival_form">
<input type="hidden" name="goods_id" value="{$Request.param.goods_id}" />
<input type="hidden" name="type" value="{$Request.param.type}" />
<dl>
<dt><i class="required">*</i>{$Think.lang.mobile_number}{$Think.lang.ds_colon}</dt>
<dd>
<input type="text" class="text" name="mobile" id="mobile" value="{:encrypt_show($member_info.member_mobile,4,4)}" onfocus="clearMobile(this)" />
</dd>
</dl>
<dl>
<dt><i class="required">*</i>{$Think.lang.email_number}{$Think.lang.ds_colon}</dt>
<dd>
<input type="text" class="text" name="email" id="email" value="{$member_info.member_email}" />
</dd>
</dl>
<div class="bottom">
<input type="submit" class="submit" value="{$Think.lang.ds_submit}"/>
</div>
</form>
</div>
<script>
$(function(){
$('#arrival_form').validate({
errorLabelContainer: $('#warning'),
invalidHandler: function(form, validator) {
$('#warning').show();
},
submitHandler:function(form){
ds_ajaxpost('arrival_form');
},
rules : {
mobile : {
required : true,
rangelength : [11, 11],
},
email : {
required : true,
email : true
}
},
messages : {
mobile : {
required : '<i class="icon-exclamation-sign"></i>{$Think.lang.fill_phone_number}',
rangelength : '<i class="icon-exclamation-sign"></i>{$Think.lang.fill_correct_phone_number}',
},
email : {
required : '<i class="icon-exclamation-sign"></i>{$Think.lang.fill_mailbox_number}',
email : '<i class="icon-exclamation-sign"></i>{$Think.lang.fill_correct_mailbox_number}'
}
}
});
});
function clearMobile(obj){
if($(obj).val()=='{:encrypt_show($member_info.member_mobile,4,4)}'){
$(obj).val('')
}
}
</script>