Skip to content

W
www.fudou6.com
Commit 9dbb52b7 authored by liaili's avatar liaili
Browse files
Options

Merge branch 'express' of http://gitlab.yanky.cn/liaili/www.fudou6.com into express

parents c7e97b32 eba13d5d
Hide whitespace changes
Inline Side-by-side
Showing with 188 additions and 111 deletions
public/javascripts/project.js
View file @ 9dbb52b7
/** 'use strict';
* Created by Administrator on 2016/7/27.
*/ /**
(function () { * Created by Administrator on 2016/7/27.
var $submit = $('#submit'); */
var $errorPhone = $('.error-phone'); (function () {
var $errorDescription = $('.error-description'); var $form = $('#container .introducer');
var $introducerMobile = $('#introducerMobile'); var $introducerMobile = $('#introducerMobile', $form);
var $projectDescription = $('#projectDescription'); var $projectDescription = $('#projectDescription', $form);
var $modalBoxProject = $('.modal-box-project'); var $errorPhone = $('.error-phone', $form);
var $modalBoxSuccess = $('.modal-box-success'); var $errorDescription = $('.error-description', $form);
var $introducer = $('#introducer');
var filterMobileInput = function filterMobileInput($mobile) {
$mobile.val(($mobile.val() + '').replace(/[^\d]/g, ''));
};
/**
* 验证手机号 var validateMobile = function validateMobile(mobile) {
* @param tel return (/^[\d]{11}$/g.test(mobile)
* @returns {boolean} );
*/ };
function valiTel(tel) {
var msg = /^[\d]/g.test(tel) ? '' : '电话号码有误，请再次输入！'; var validateRequire = function validateRequire(value) {
//!msg && $introducerMobile.val(''); return value.length;
/^[\d]/g.test(tel[tel.length-1])? $introducerMobile.val(tel) : $introducerMobile.val(tel.slice(0,tel.length-1)); };
console.log(tel[tel.length-1]);
console.log(/^[\d]/g.test(tel[tel.length-1])); $introducerMobile.on('keyup', function (e) {
!msg && $errorPhone.html(msg); filterMobileInput($introducerMobile);
$errorPhone.data('vali', !msg); }).on('change blur', function (e) {
disableSubmit(); validateMobile($.trim($introducerMobile.val() + '')) ? $errorPhone.empty() : $errorPhone.html('手机号输入错误!');
return !msg; });
}
$projectDescription.on('change blur', function (e) {
/** validateRequire($.trim($projectDescription.val() + '')) ? $errorDescription.empty() : $errorDescription.html('请输入项目描述内容!');
* 验证项目描述不能为空 });
* @param text
* @returns {boolean} $form.on('submit', function (e) {
*/ var mobile = $.trim($introducerMobile.val() + '');
function valiDescription(text) { var desc = $.trim($projectDescription.val() + '');
$errorDescription.html(text ? '' : '项目描述不能为空!'); if (validateMobile(mobile)) {
$errorDescription.data('vali', text); $errorPhone.empty();
disableSubmit(); } else {
return !text; $errorPhone.html('手机号输入错误!');
} return;
}
/** if (validateRequire(desc)) {
* 提交按钮是否可用 $errorDescription.empty();
*/ } else {
function disableSubmit() { $errorDescription.html('请输入项目描述内容!');
$errorPhone.data('vali') && $errorDescription.data('vali') && return;
$submit.attr('disabled', false).css('background', '#ff4a4b'); }
} request('', {}, 'POST').then(function (result) {
console.log(result);
$introducerMobile.on({ });
keyup: function (e) { });
valiTel(($introducerMobile.val() + '').trim()); })();
}
}); (function () {
$projectDescription.on({
keyup: function (e) { var $modalBoxProject = $('.modal-box-project');
valiDescription(($projectDescription.val() + '').trim()); var $modalBoxSuccess = $('.modal-box-success');
}
}); /**
/* * 地图项目地址弹框
* 不需要在再次验证 */
$introducer.on('submit', function (e) { $('.hot-project-address a').click(function (e) {
if (!valiTel(($introducerMobile.val() + '').trim())) { e.preventDefault();
$introducerMobile.focus(); $modalBox.fadeIn(300);
$errorPhone.html('电话号码有误!'); });
e.preventDefault(); $('#modalBoxHidden').click(function (e) {
return; e.preventDefault();
} $modalBox.fadeOut(300);
if (valiDescription(($projectDescription.val() + '').trim())) { });
$projectDescription.focus();
$errorDescription.html('项目描述不能为空!'); /**
e.preventDefault(); * 项目提交弹框
return; */
} $submit.on('click', function (e) {
}); e.preventDefault();
*/ $modalBoxSuccess.fadeIn(300);
});
/** $('.modal-box-success a').on('click', function (e) {
* 地图项目地址弹框 e.preventDefault();
*/ $modalBoxSuccess.fadeOut(300);
$('.hot-project-address a').click(function (e) { });
e.preventDefault(); })();
$modalBox.fadeIn(300);
}); //# sourceMappingURL=project.js.map
$('#modalBoxHidden').click(function (e) { \ No newline at end of file
e.preventDefault();
$modalBox.fadeOut(300);
});
/**
* 项目提交弹框
*/
$submit.on('click',function(e){
e.preventDefault();
$modalBoxSuccess.fadeIn(300);
});
$('.modal-box-success a').on('click',function(e){
e.preventDefault();
$modalBoxSuccess.fadeOut(300);
});
})();
\ No newline at end of file
public/javascripts/project.js.map 0 → 100644
View file @ 9dbb52b7
{"version":3,"sources":["project.jsx"],"names":[],"mappings":"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","file":"project.js","sourcesContent":["/**\n * Created by Administrator on 2016/7/27.\n */\n(()=>{\n const $form = $('#container .introducer');\n const $introducerMobile = $('#introducerMobile', $form);\n const $projectDescription = $('#projectDescription', $form);\n const $errorPhone = $('.error-phone', $form);\n const $errorDescription = $('.error-description', $form);\n\n const filterMobileInput = ($mobile)=>{\n $mobile.val(($mobile.val()+'').replace(/[^\\d]/g, ''));\n };\n\n const validateMobile = (mobile)=>{\n return /^[\\d]{11}$/g.test(mobile);\n };\n\n const validateRequire = (value)=>{\n return value.length;\n };\n\n $introducerMobile.on('keyup', (e)=>{\n filterMobileInput($introducerMobile);\n }).on('change blur', (e)=>{\n validateMobile($.trim($introducerMobile.val()+'')) ?\n $errorPhone.empty() :\n $errorPhone.html('手机号输入错误!');\n });\n\n $projectDescription.on('change blur', (e)=>{\n validateRequire($.trim($projectDescription.val()+'')) ?\n $errorDescription.empty() :\n $errorDescription.html('请输入项目描述内容!');\n });\n\n $form.on('submit', (e)=>{\n let mobile = $.trim($introducerMobile.val()+'');\n let desc = $.trim($projectDescription.val()+'');\n if(validateMobile(mobile)){\n $errorPhone.empty()\n }else{\n $errorPhone.html('手机号输入错误!');\n return;\n }\n if(validateRequire(desc)){\n $errorDescription.empty()\n }else {\n $errorDescription.html('请输入项目描述内容!');\n return;\n }\n request('', {}, 'POST').then((result)=>{\n console.log(result);\n });\n });\n})();\n\n(function () {\n\n\n\n\n\n var $modalBoxProject = $('.modal-box-project');\n var $modalBoxSuccess = $('.modal-box-success');\n\n\n\n\n /**\n * 地图项目地址弹框\n */\n $('.hot-project-address a').click(function (e) {\n e.preventDefault();\n $modalBox.fadeIn(300);\n });\n $('#modalBoxHidden').click(function (e) {\n e.preventDefault();\n $modalBox.fadeOut(300);\n });\n\n /**\n * 项目提交弹框\n */\n $submit.on('click',function(e){\n e.preventDefault();\n $modalBoxSuccess.fadeIn(300);\n });\n $('.modal-box-success a').on('click',function(e){\n e.preventDefault();\n $modalBoxSuccess.fadeOut(300);\n });\n\n\n})();"]}
\ No newline at end of file
public/javascripts/project.jsx 0 → 100644
View file @ 9dbb52b7
/**
* Created by Administrator on 2016/7/27.
*/
(()=>{
const $form = $('#container .introducer');
const $introducerMobile = $('#introducerMobile', $form);
const $projectDescription = $('#projectDescription', $form);
const $errorPhone = $('.error-phone', $form);
const $errorDescription = $('.error-description', $form);
const filterMobileInput = ($mobile)=>{
$mobile.val(($mobile.val()+'').replace(/[^\d]/g, ''));
};
const validateMobile = (mobile)=>{
return /^[\d]{11}$/g.test(mobile);
};
const validateRequire = (value)=>{
return value.length;
};
$introducerMobile.on('keyup', (e)=>{
filterMobileInput($introducerMobile);
}).on('change blur', (e)=>{
validateMobile($.trim($introducerMobile.val()+'')) ?
$errorPhone.empty() :
$errorPhone.html('手机号输入错误!');
});
$projectDescription.on('change blur', (e)=>{
validateRequire($.trim($projectDescription.val()+'')) ?
$errorDescription.empty() :
$errorDescription.html('请输入项目描述内容!');
});
$form.on('submit', (e)=>{
let mobile = $.trim($introducerMobile.val()+'');
let desc = $.trim($projectDescription.val()+'');
if(validateMobile(mobile)){
$errorPhone.empty()
}else{
$errorPhone.html('手机号输入错误!');
return;
}
if(validateRequire(desc)){
$errorDescription.empty()
}else {
$errorDescription.html('请输入项目描述内容!');
return;
}
request('', {}, 'POST').then((result)=>{
console.log(result);
});
});
})();
(function () {
var $modalBoxProject = $('.modal-box-project');
var $modalBoxSuccess = $('.modal-box-success');
/**
* 地图项目地址弹框
*/
$('.hot-project-address a').click(function (e) {
e.preventDefault();
$modalBox.fadeIn(300);
});
$('#modalBoxHidden').click(function (e) {
e.preventDefault();
$modalBox.fadeOut(300);
});
/**
* 项目提交弹框
*/
$submit.on('click',function(e){
e.preventDefault();
$modalBoxSuccess.fadeIn(300);
});
$('.modal-box-success a').on('click',function(e){
e.preventDefault();
$modalBoxSuccess.fadeOut(300);
});
})();
\ No newline at end of file
public/javascripts/project.min.js
View file @ 9dbb52b7
(function(){var $submit=$("#submit");var $errorPhone=$(".error-phone");var $errorDescription=$(".error-description");var $introducerMobile=$("#introducerMobile");var $projectDescription=$("#projectDescription");var $modalBoxProject=$(".modal-box-project");var $modalBoxSuccess=$(".modal-box-success");var $introducer=$("#introducer");function valiTel(tel){var msg=/^[\d]/g.test(tel)?"":"电话号码有误，请再次输入！";/^[\d]/g.test(tel[tel.length-1])?$introducerMobile.val(tel):$introducerMobile.val(tel.slice(0,tel.length-1));console.log(tel[tel.length-1]);console.log(/^[\d]/g.test(tel[tel.length-1]));!msg&&$errorPhone.html(msg);$errorPhone.data("vali",!msg);disableSubmit();return!msg}function valiDescription(text){$errorDescription.html(text?"":"项目描述不能为空!");$errorDescription.data("vali",text);disableSubmit();return!text}function disableSubmit(){$errorPhone.data("vali")&&$errorDescription.data("vali")&&$submit.attr("disabled",false).css("background","#ff4a4b")}$introducerMobile.on({keyup:function(e){valiTel(($introducerMobile.val()+"").trim())}});$projectDescription.on({keyup:function(e){valiDescription(($projectDescription.val()+"").trim())}});$(".hot-project-address a").click(function(e){e.preventDefault();$modalBox.fadeIn(300)});$("#modalBoxHidden").click(function(e){e.preventDefault();$modalBox.fadeOut(300)});$submit.on("click",function(e){e.preventDefault();$modalBoxSuccess.fadeIn(300)});$(".modal-box-success a").on("click",function(e){e.preventDefault();$modalBoxSuccess.fadeOut(300)})})(); "use strict";(function(){var $form=$("#container .introducer");var $introducerMobile=$("#introducerMobile",$form);var $projectDescription=$("#projectDescription",$form);var $errorPhone=$(".error-phone",$form);var $errorDescription=$(".error-description",$form);var filterMobileInput=function filterMobileInput($mobile){$mobile.val(($mobile.val()+"").replace(/[^\d]/g,""))};var validateMobile=function validateMobile(mobile){return/^[\d]{11}$/g.test(mobile)};var validateRequire=function validateRequire(value){return value.length};$introducerMobile.on("keyup",function(e){filterMobileInput($introducerMobile)}).on("change blur",function(e){validateMobile($.trim($introducerMobile.val()+""))?$errorPhone.empty():$errorPhone.html("手机号输入错误!")});$projectDescription.on("change blur",function(e){validateRequire($.trim($projectDescription.val()+""))?$errorDescription.empty():$errorDescription.html("请输入项目描述内容!")});$form.on("submit",function(e){var mobile=$.trim($introducerMobile.val()+"");var desc=$.trim($projectDescription.val()+"");if(validateMobile(mobile)){$errorPhone.empty()}else{$errorPhone.html("手机号输入错误!");return}if(validateRequire(desc)){$errorDescription.empty()}else{$errorDescription.html("请输入项目描述内容!");return}request("",{},"POST").then(function(result){console.log(result)})})})();(function(){var $modalBoxProject=$(".modal-box-project");var $modalBoxSuccess=$(".modal-box-success");$(".hot-project-address a").click(function(e){e.preventDefault();$modalBox.fadeIn(300)});$("#modalBoxHidden").click(function(e){e.preventDefault();$modalBox.fadeOut(300)});$submit.on("click",function(e){e.preventDefault();$modalBoxSuccess.fadeIn(300)});$(".modal-box-success a").on("click",function(e){e.preventDefault();$modalBoxSuccess.fadeOut(300)})})();
\ No newline at end of file \ No newline at end of file
routes/index.js
View file @ 9dbb52b7
...@@ -7,7 +7,7 @@ var product = require('./product'); ...@@ -7,7 +7,7 @@ var product = require('./product');
router.get('/', function (req, res) { router.get('/', function (req, res) {
res.render('index', { res.render('index', {
styles: ['index'], styles: ['index'],
scripts:['index'], scripts:[],
character: [ character: [
{ {
sum: '526亿', sum: '526亿',
...@@ -88,7 +88,7 @@ router.get('/about', function (req, res) { ...@@ -88,7 +88,7 @@ router.get('/about', function (req, res) {
router.get('/project', function (req, res) { router.get('/project', function (req, res) {
res.render('project', { res.render('project', {
styles: ['project'], styles: ['project'],
scripts:['project'], scripts:['utils','project'],
}); });
}); });
......
views/project.hbs
View file @ 9dbb52b7
...@@ -30,13 +30,13 @@ ...@@ -30,13 +30,13 @@
<h2>寻找优质项目介绍人</h2> <h2>寻找优质项目介绍人</h2>
<div class="clear"> <div class="clear">
<label for="introducerMobile">联系方式：</label> <label for="introducerMobile">联系方式：</label>
<input type="text" id="introducerMobile" name="introducer-mobile" placeholder="填写您的联系方式" <input type="text" id="introducerMobile" placeholder="填写您的联系方式"
maxlength="11"/> maxlength="11"/>
<p class="error-phone"></p> <p class="error-phone"></p>
</div> </div>
<div class="clear"> <div class="clear">
<label>项目描述：</label> <label>项目描述：</label>
<textarea name="project-description" id="projectDescription" <textarea id="projectDescription"
placeholder="详细写明您的项目需求 例如：项目时间、内容、合作意向。"></textarea> placeholder="详细写明您的项目需求 例如：项目时间、内容、合作意向。"></textarea>
<p class="error-description"></p> <p class="error-description"></p>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment