8.12第六周总结

//验证手机号方法
function vailPhone() {
var phone = \(("#phone").val(); var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})\)/;

if (phone == '') {
    $('#tip').text('手机号码不能为空！');
    flag = false;
} else if (phone.length != 11) {
    $('#tip').text('请输入有效的手机号码！！');
    flag = false;
} else if (!myreg.test(phone)) {
    $('#tip').text('请输入有效的手机号码！！');
    flag = false;
} else {
    $('#tip').text('');
    flag = true;
}
return flag;

}

//点击注册
$(function () {
$('#register').click(function () {
var nameval = $('#auth_code').val();
var passval = $('#password').val();
var confirm = $('#confirm_pass').val();
if (vailPhone()) {
if (nameval == '' || nameval == null) {
$('#tip').text('请输入验证码');
} else if (passval.length < 6) {
$('#tip').text('输入的密码长度小于6');
} else if (confirm !== passval) {
$('#tip').text('两次密码不一致')
} else {
$('#tip').text('');
window.location.href = './dashboard.html';
}
}
})
})
ootstrap是css的框架，里面有很多我们平时能想到的样式布局。对开发来说十分方便，写起来也很容易。bootstrap主要的是栅格布局，回校后还要加深对它的了解。在学习的过程中我们也不用完全记住里面的结构写法，当我们平时碰到这些布局时能在它的文档上面找到就可以使用，用的多了自然也就熟悉了。我只是把一些基本的样式布局了解了一下，回去之后还要加深了解它的一些组件的用法。