ask/app/views/asks/index.html.erb

126 lines
4.7 KiB
Plaintext

<% data = action_data
@ask_question = data["ask_question"]
@categories = data["categories"]
@module_app = data["module_app"]
%>
<%= javascript_include_tag 'validator' %>
<link href="/assets/ask/ask.css" media="screen" rel="stylesheet">
<div id="new-ask-question" class="ask-question">
<%= form_for @ask_question, url: asks_path, html: {class: 'form-horizontal'} do |f| %>
<!-- Category -->
<div class="control-group">
<%= f.label :ask_category_id, class: 'control-label required' %>
<div class="controls">
<%= f.select :category_id, @categories.collect{|t| [ t.title, t.id ]} %>
</div>
</div>
<!-- 姓名 -->
<div class="control-group">
<%= f.label :name, class: 'control-label required' %>
<div class="controls">
<%= f.text_field :name, data: {"fv-validation" => "required;", "fv-messages" => "必填欄位;"} %>
</div>
</div>
<!-- 身分 -->
<div class="control-group">
<%= f.label :identity, class: 'control-label required' %>
<div class="controls">
<%= f.select :identity, options_for_select( [t('ask.teacher'),
t('ask.stuff'),
t('ask.student'),
t('ask.schoolfellow'),
t('ask.others')].map{|i| [i, i]} ) %>
</div>
</div>
<!-- Email -->
<div class="control-group">
<%= f.label :mail, class: 'control-label required' %>
<div class="controls">
<%= f.text_field :mail, data: {"fv-validation" => "required;check_email;", "fv-messages" => "必填欄位;Email不正確;"} %>
</div>
</div>
<!-- 聯絡電話 -->
<div class="control-group">
<%= f.label :phone, class: 'control-label' %>
<div class="controls">
<%= f.text_field :phone %>
</div>
</div>
<!-- 傳真 -->
<div class="control-group">
<%= f.label :fax, class: 'control-label' %>
<div class="controls">
<%= f.text_field :fax %>
</div>
</div>
<!-- 主旨 -->
<div class="control-group">
<%= f.label :title, class: 'control-label required' %>
<div class="controls">
<%= f.text_field :title, data: {"fv-validation" => "required;", "fv-messages" => "必填欄位;"} %>
</div>
</div>
<!-- 內容 -->
<div class="control-group">
<%= f.label :content, class: 'control-label required' %>
<div class="controls">
<%= f.text_area :content, rows: 8, class: 'input-xlarge' %>
</div>
</div>
<!-- 驗證碼 -->
<div class="control-group">
<%= f.label :recaptcha, class: 'control-label' %>
<div class="controls">
<%= gotcha_error %>
<%= gotcha %>
</div>
</div>
<div class="form-actions">
<input type="hidden" name="referer_url" value="<%= request.original_url.split(request.env["HTTP_HOST"]).last %>">
<%= f.submit t('submit'), class: 'btn btn-primary', :id => 'button-mail' %>
<%= f.button t('cancel'), type: 'reset', class: 'btn' %>
</div>
<% end %>
</div>
<script type='text/javascript'>
// $(function(){
// $("#button-mail").click(function(){
// if( $("#ask_question_name").val()!='' ) $("#ask_question_name").css('border','');
// if( $("#ask_question_email").val()!='' ) $("#ask_question_email").css('border','');
// if( $("#ask_question_title").val()!='' ) $("#ask_question_title").css('border','');
// if( $("#ask_question_content").val()!='' ) $("#ask_question_content").css('border','');
// if( $("#ask_question_name").val()=='' ) $("#ask_question_name").css('border','1px solid #F00');
// if( $("#ask_question_email").val()=='' ) $("#ask_question_email").css('border','1px solid #F00');
// if( $("#ask_question_title").val()=='' ) $("#ask_question_title").css('border','1px solid #F00');
// if( $("#ask_question_content").val()=='' ) $("#ask_question_content").css('border','1px solid #F00');
// });
$('#new-ask-question .required').each(function() {
$(this).text('*' + $(this).text());
});
// $('#new-ask-question form') .submit(function() {
// $.post($(this).attr('action'), $(this).serializeArray());
// return false;
// });
// });
$(function(){
var fv = new FormValidator($("#new_ask_question"));
fv.validate_functions.check_email = function(value){
reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9])+$/;
if (reg.test(value)) {
return true;
}else{
return false;
}
}
// fv.validate_functions.test_function = function(value, element){
// }
})
</script>