jquery 的 表单验证

Http 跳转到 Https 

<script type="text/javascript">
//<![CDATA[
if (!/https:/.exec(location.href)) { location.replace(location.href.replace("http:", "https:")); }
//]]>
</script>

Emial 验证

<p>
<label for="email"><span class="ibm-required">*</span>e-Mail:</label>
<span>
<input type="text" value="" size="40" id="email" class="must" name="email">
<span class="ibm-item-note ibm-alert-link" id="email-error" style="display:none;">You email is incorrect. Try again.</span>
</span>
</p>

var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
if (!reg.test(jQuery('#email').val())) {
jQuery('#email').css("background-color", "rgba(255,0,0,.2)");
jQuery('#email').addClass("ibm-field-error");
jQuery('#email-error').show();
allPass = false;
jQuery('html,body').animate({
scrollTop: jQuery("#email").offset().top - 100
}, 800);
return;
}
else{jQuery('#email').removeClass("ibm-field-error");
jQuery('#email-error').hide();}

单选框验证 

if (jQuery("input[name='question3-1']:checked").length == 0) {
allPass = false;
jQuery("#question3-1").css("color", "rgb(255,0,0)");
jQuery('html,body').animate({
scrollTop: jQuery("#question3-1").offset().top - 100
}, 800);
return;
} else {
jQuery("#question3-1").css("color", "black");
}

复选框验证

<p style="display:none">
<input type="hidden" class="no-close" name="question5-array" value="" />
</p>


if (jQuery("input[name='question5']:checked").length == 0) {
allPass = false;
jQuery("#question5").css("color", "rgb(255,0,0)");
jQuery('html,body').animate({
scrollTop: jQuery("#question5").offset().top - 100
}, 800);
return;
} else {
jQuery("#question5").css("color", "black");
var answer1 = [];
jQuery("input[name='question5']:checked").each(function() {
answer1.push(jQuery(this).val());
})
}
if (allPass) {
jQuery("input[name='question5-array").val(answer1.join(","));

jQuery.ajax({.....});

文本框验证 

if (jQuery("#question6").val() == "") {
jQuery("#question6").css("background-color", "rgba(255,0,0,.2)");
allPass = false;
jQuery('html,body').animate({
scrollTop: jQuery("#question6").offset().top - 100
}, 800);
return;
} else {
jQuery("#question6").css("background-color", "#fff");
}

选择了其他需要多一个 文本框, 并且该文本框必填

<p class="ibm-form-elem-grp">
<label class="ibm-form-grp-lbl ibm-bold" id="checkbox2_title">2. 오픈소스 도입을 고려시 가장 걱정되는 부분은 무엇입니까?</label>
<span class="ibm-input-group">
    <input id="checkbox2_1" class="ibm-styled-radio" name="오픈소스 도입을 고려시 가장 걱정되는 부분은 무엇입니까" type="radio" value="전환 및 도입 비용이 많이 들지 않을까?" /> <label for="checkbox2_1">전환 및 도입 비용이 많이 들지 않을까?</label><br />
    <input id="checkbox2_2" class="ibm-styled-radio" name="오픈소스 도입을 고려시 가장 걱정되는 부분은 무엇입니까" type="radio" value="환기 기술 지원이 원활하게 지원될가?" /> <label for="checkbox2_2">전환기 기술 지원이 원활하게 지원될가?</label><br />
    <input id="checkbox2_3" class="ibm-styled-radio" name="오픈소스 도입을 고려시 가장 걱정되는 부분은 무엇입니까" type="radio" value="우리 회사 Data를 오픈소스로 전환시 보안의 이슈가 있지 않나?" /> <label for="checkbox2_3">우리 회사 Data를 오픈소스로 전환시 보안의 이슈가 있지
        않나?</label><br />
    <input id="checkbox2_4" class="ibm-styled-radio" name="오픈소스 도입을 고려시 가장 걱정되는 부분은 무엇입니까" type="radio" value="기타" /> <label for="checkbox2_4">기타</label>
    <input id="other" name="기타" type="text" size="30" value="" style="display:none;">
</span>
</p>
jQuery("input[name='현재 사용 또는 관심있는 오픈소스 서비스를 확인하고자 합니다. 귀사에서 이미 도입하여 사용 중인 제품을 선택해주시기 바랍니다 (중복 선택 가능)']:checked").each(function() {
if (jQuery(this).val() == "기타") {
jQuery(this).attr("other", "show");
jQuery(this).next("label").next(".other").show();
}
})
jQuery("input[name='현재 사용 또는 관심있는 오픈소스 서비스를 확인하고자 합니다. 귀사에서 이미 도입하여 사용 중인 제품을 선택해주시기 바랍니다 (중복 선택 가능)']").not(":checked").each(function() {
if (jQuery(this).val() == "기타" && jQuery(this).attr("other") == "show") {
jQuery(this).next("label").next(".other").val("")
jQuery(this).next("label").next(".other").hide();
}
})
})
jQuery("input[name='오픈소스 도입을 고려시 가장 걱정되는 부분은 무엇입니까']:checked").each(function() {
if (jQuery(this).val() == "其他") {
if (jQuery("#other").val() == "") {
allPass = false;
jQuery("#other").css("background-color", "rgb(255,0,0,0.2)");
jQuery('html,body').animate({
scrollTop: jQuery("#other").offset().top - 100
}, 800);
return;
}
}
}
})

• Privacy Statements 必须有的: 页面显示的默认文字 必须要和 global 的V17 : 这个页面一致
•