CINXE.COM
<div class="model-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">住讙讬专讛</span></button> <h4 class="modal-title"> 砖诇讞/讬 讛讜讚注讛 诇诪谞讛诇 讛诪注专讻转 </h4> </div> <form action="/contact" id="StudentContactForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div><div class="modal-body"> <span class="text-muted"> 谞讬转谉 诇砖诇讜讞 讛讜讚注讛 诇诪谞讛诇讬 讛诪注专讻转 讘讻诇 砖讗诇讛, 讗讜 讘讘拽砖讛 诇注讚讻讜谉 驻专讟讬诐. 讬砖 诇爪专祝 诪住 转"讝, 讻转讜讘转 讗讬诪讬讬诇 讜诪住' 讟诇驻讜谉 诇讬爪讬专转 拽砖专.</br>谞讗 诇讜讜讚讗 砖讻转讜讘转 讛诪讬讬诇 砖诪讜讝谞转 谞讻讜谞讛 讜讝诪讬谞讛, 转讙讜讘讛 专讗砖讜谞讬转 转砖诇讞 诇砖诐. </span> <div class="form-group"> <label class="control-label" for="studName">砖诐 诪诇讗 <span class="glyphicon glyphicon-asterisk asterisk"></span></label> <input type="text" class="form-control" id="studName" name="data[student_name]" required /> </div> <div class="form-group"> <label class="control-label" for="studID">诪住驻专 转注讜讚转 讝讛讜转 <span class="glyphicon glyphicon-asterisk asterisk"></span></label> <input type="text" class="form-control" id="studID" name="data[student_idnum]" required /> </div> <div class="form-group"> <label class="control-label" for="studEmail">讻转讜讘转 讗讬诪讬讬诇 <span class="glyphicon glyphicon-asterisk asterisk"></span></label> <input type="email" class="form-control" id="studEmail" name="data[student_email]" required /> </div> <div class="form-group"> <label class="control-label" for="studPhone">诪住驻专 讟诇驻讜谉 谞讬讬讚 <span class="glyphicon glyphicon-asterisk asterisk"></span></label> <input type="text" class="form-control" id="studPhone" name="data[student_phone]" required /> </div> <div class="form-group" style="margin-top: 10px;"> <label class="control-label" for="studNote">转讜讻谉 讛讛讜讚注讛 <span class="glyphicon glyphicon-asterisk asterisk"></span></label> <textarea class="form-control" id="studNote" name="data[student_note]" required rows="4"></textarea> </div> <div class="clearfix"></div> <div class="alert alert-info"> 转讜讚讛 注诇 驻谞讬讬转讱, <br />转讙讜讘讛 专讗砖讜谞讬转 诇讗讞专 砖诇讬讞转 讛讛讜讚注讛 转转拽讘诇 注讚 砖讘讜注讬讬诐 诇讻诇 讛讬讜转专 诪诪讜注讚 讛砖诇讬讞讛.<br /> 谞讗 诇讛诪转讬谉 讘住讘诇谞讜转 </div> </div><!-- modal body --> <div class="modal-footer"> <button type="button" class="btn btn-default closeModal">讘讬讟讜诇</button> <button type="submit" class="btn btn-success">砖诇讬讞讛</button> </div> </form> <script> jQuery(document).ready(function($){ // Form Validation $("#StudentContactForm").validate({ //debug: true, ignore: [], showErrors: function(errorMap, errorList) { $(errorList).each(function(){ $(this.element).parent().addClass('has-error'); }); this.defaultShowErrors(); }, success: function(label,element) { label.remove(); $(element).parent().removeClass('has-error'); }, rules : { "data[student_name]" : {required: true}, "data[student_idnum]" : {required: true, ccId: true}, "data[student_email]" : {required: true, email: true}, "data[student_phone]" : {required: true}, "data[student_note]" : {required: true} }, messages : { "data[student_name]" : {required: '讞讜讘讛 诇讛讝讬谉 砖诐.'}, "data[student_idnum]" : {required: '讞讜讘讛 诇讛讝讬谉 诪住驻专 转注讜讚转 讝讛讜转 转拽讬谞讛'}, "data[student_email]" : {required: '讞讜讘讛 诇讛讝讬谉 讗讬诪讬讬诇'}, "data[student_phone]" : {required: '讞讜讘讛 诇讛讝讬谉 诪住驻专 讟诇驻讜谉'}, "data[student_note]" : {required: '讬砖 诇讛讝讬谉 讛讜讚注讛.'} } }); }); </script>