方式 輸入 remove rules tro ddc ucc 電子郵箱 pre

致我最橙色的青春，把它留在心裏的最底部。
div+css設計，bootstrap架構，960布局。
4頁網站，分別為首頁、學院簡介、照片、聯系方式等。
網站頁面簡潔大氣，像不拘的自己，在包容了生活中的所有的歡笑與悲傷的點滴之後，終將匯聚成我心底最沈澱的橙色。
這是一個極富個人色彩的OK網站。

+2425691680

添加了表單註冊頁面，並進行驗證，javascript代碼如下，使用的是jQuery的validate驗證插件

<script>
$(document).ready(function() {
$("#signupForm1").validate({
rules: {
nicheng: "required",

username: {
required: true,
minlength: 2
},
password1: {
required: true,
minlength: 5
},
confirm_password1: {
required: true,
minlength: 5,
equalTo: "#password1"
},
email1: {
required: true,
email: true
},
agree1: "required"
},
messages: {
nicheng: "請輸入昵稱",
username: {
required: "請輸入用戶名",
minlength: "用戶名至少兩位數"
},
password1: {
required: "請輸入密碼",
minlength: "密碼至少5位數"
},
confirm_password1: {
required: "請輸入密碼",
minlength: "密碼最少5位數",
equalTo: "請輸入相同的密碼"
},
email1: "請輸入有效的電子郵箱",
agree1: "請勾選協議"
},
errorElement: "em",
errorPlacement: function(error, element) {
// Add the help-block class to the error element
error.addClass("help-block");

      // Add `has-feedback` class to the parent div.form-group
      // in order to add icons to inputs
      element.parents(".col-sm-5").addClass("has-feedback");

      if (element.prop("type") === "checkbox") {
        error.insertAfter(element.parent("label"));
      } else {
        error.insertAfter(element);
      }

      // Add the span element, if doesn‘t exists, and apply the icon classes to it.
      if (!element.next("span")[0]) {
        $("<span class=‘glyphicon glyphicon-remove form-control-feedback‘></span>").insertAfter(element);
      }
    },
    success: function(label, element) {
      // Add the span element, if doesn‘t exists, and apply the icon classes to it.
      if (!$(element).next("span")[0]) {
        $("<span class=‘glyphicon glyphicon-ok form-control-feedback‘></span>").insertAfter($(element));
      }
    },
    highlight: function(element, errorClass, validClass) {
      $(element).parents(".col-sm-5").addClass("has-error").removeClass("has-success");
      $(element).next("span").addClass("glyphicon-remove").removeClass("glyphicon-ok");
    },
    unhighlight: function(element, errorClass, validClass) {
      $(element).parents(".col-sm-5").addClass("has-success").removeClass("has-error");
      $(element).next("span").addClass("glyphicon-ok").removeClass("glyphicon-remove");
    }
  });

})

</script>

網頁制作，動靜態代寫