Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要帮助简化验证吗_Javascript - Fatal编程技术网

Javascript 需要帮助简化验证吗

Javascript 需要帮助简化验证吗,javascript,Javascript,我需要帮助简化/缩短以下验证代码。 非常感谢您的帮助。 现在课文太多了,我的老师说可以做得更简单/更干净。。。 我真的卡住了 多谢各位 window.addEventListener('load',init,false); function init(){ var submit = document.getElementById("submit"); var gender = document.getElementById("gender"); var age = do

我需要帮助简化/缩短以下验证代码。 非常感谢您的帮助。 现在课文太多了,我的老师说可以做得更简单/更干净。。。 我真的卡住了

多谢各位

window.addEventListener('load',init,false);

function init(){
    var submit = document.getElementById("submit");
    var gender = document.getElementById("gender");
    var age = document.getElementById("age");
    var length = document.getElementById("length");
    var weight = document.getElementById("weight");
    var duration = document.getElementById("duration");
    var time = document.getElementById("time");

    submit.addEventListener('click', validation, false);
    gender.addEventListener('checked',validategender,false);
    age.addEventListener('blur', validateage, false);
    length.addEventListener('blur',validatelength,false);
    weight.addEventListener('blur',validateweight,false);
    duration.addEventListener('blur',validateduration,false);
    time.addEventListener('checked',validatetime,false);
}

function validategender(){
    var man = document.getElementById("man");
    var vrouw = document.getElementById("vrouw");
    var genderfout = document.getElementById("genderFout");
    if(man.checked != true && vrouw.checked !=true){
        genderfout.innerHTML = "Please choose a gender";
        return false;
    }else {
        genderfout.innerHTML = "";
    }return true;
}

function validateage() {
    var age = parseInt(document.getElementById("age").value, 10);
    var ageFout = document.getElementById("ageFout");
    if (isNaN(age) || age < 0 || age > 130) {
        ageFout.innerHTML = "Please enter a valid age";
        return false;
    } else {
        ageFout.innerHTML = "";
    }
    return true;
}

function validateweight() {
    var weight = parseInt(document.getElementById("weight").value, 10);
    var weightFout = document.getElementById("weightFout");
    if (isNaN(weight) || weight < 30 || weight > 200) {
        weightFout.innerHTML = "Please enter a valid weight";
        return false;
    } else {
        weightFout.innerHTML = "";
    }
    return true;
}

function validatelength() {
    var length = parseInt(document.getElementById("length").value, 10);
    var lengthFout = document.getElementById("lengthFout");
    if (isNaN(length) || length < 50 || length > 220) {
        lengthFout.innerHTML = "Please enter a valid length";
        return false;
    } else {
        lengthFout.innerHTML = "";
    }
    return true;
}

function validateduration() {
    var duration = parseInt(document.getElementById("duration").value, 10);
    var durationFout = document.getElementById("durationFout");
    if (isNaN(duration) || duration < 0) {
        durationFout.innerHTML = "Please enter a valid time-duration";
        return false;
    } else {
        durationFout.innerHTML = "";
    }
    return true;
}

function validatetime(){
    var minutes = document.getElementById("minutes");
    var hours = document.getElementById("hours");
    var timeFout = document.getElementById("timeFout");
    if(minuten.checked !=true && uur.checked !=true){
        timeFout.innerHTML = "choose a time unit!";
        return false;
    }else {
        timeFout.innerHTML = "";
    }
    return true;
}

function validation(e){
    var genderOk = validategender();
    var ageOk = validateage();
    var weightOk = validateweight();
    var lengthOk = validatelength();
    var durationOk = validateduration();
    var timeOk = validatetime();

    if (!genderOk || !ageOk || !weightOk || !lengthOk ||  !durationOk || !timeOk){
        e.preventDefault();
    }
}
window.addEventListener('load',init,false);
函数init(){
var submit=document.getElementById(“提交”);
var-gender=document.getElementById(“性别”);
var age=document.getElementById(“age”);
var length=document.getElementById(“长度”);
var-weight=document.getElementById(“权重”);
var duration=document.getElementById(“duration”);
var time=document.getElementById(“时间”);
submit.addEventListener('click',validation,false);
性别。addEventListener('checked',validateGener,false);
age.addEventListener('blur',validateage,false);
长度.addEventListener('blur',validatelength,false);
权重。addEventListener('blur',ValidateView,false);
duration.addEventListener('blur',validateduration,false);
time.addEventListener('checked',validatetime,false);
}
函数validategender(){
var man=document.getElementById(“man”);
var vrouw=document.getElementById(“vrouw”);
var genderfout=document.getElementById(“genderfout”);
如果(man.checked!=true&&vrouw.checked!=true){
genderfout.innerHTML=“请选择性别”;
返回false;
}否则{
genderfout.innerHTML=“”;
}返回true;
}
函数validateage(){
var age=parseInt(document.getElementById(“age”).value,10);
var ageFout=document.getElementById(“ageFout”);
如果(isNaN(年龄)| |年龄<0 | |年龄>130){
ageFout.innerHTML=“请输入有效的年龄”;
返回false;
}否则{
ageFout.innerHTML=“”;
}
返回true;
}
函数validatewight(){
var-weight=parseInt(document.getElementById(“weight”).value,10);
var weightFout=document.getElementById(“weightFout”);
如果(isNaN(重量)| |重量<30 | |重量>200){
weightFout.innerHTML=“请输入有效的重量”;
返回false;
}否则{
weightFout.innerHTML=“”;
}
返回true;
}
函数validatelength(){
var length=parseInt(document.getElementById(“length”).value,10);
var lengthFout=document.getElementById(“lengthFout”);
如果(isNaN(长度)| |长度<50 | |长度>220){
lengthFout.innerHTML=“请输入有效长度”;
返回false;
}否则{
lengthFout.innerHTML=“”;
}
返回true;
}
函数validateduration(){
var duration=parseInt(document.getElementById(“duration”).value,10);
var durationFout=document.getElementById(“durationFout”);
如果(isNaN(持续时间)| |持续时间<0){
durationFout.innerHTML=“请输入有效的持续时间”;
返回false;
}否则{
durationFout.innerHTML=“”;
}
返回true;
}
函数validatetime(){
var minutes=document.getElementById(“分钟”);
var hours=document.getElementById(“小时”);
var timeout=document.getElementById(“timeout”);
if(minuten.checked!=true&&uur.checked!=true){
timeout.innerHTML=“选择一个时间单位!”;
返回false;
}否则{
timeout.innerHTML=“”;
}
返回true;
}
功能验证(e){
var genderOk=validategender();
var ageOk=validateage();
var-weightOk=validatewight();
var lengthOk=validatelength();
var durationOk=validateduration();
var timeOk=validatetime();
如果(!genderOk | | | |!ageOk | | |!weightOk | | |!lengthOk | |!durationOk | | timeOk){
e、 预防默认值();
}
}
使用JQuery验证程序


您的验证代码将减少到现在的一半或更少。

如果不允许JQuery,请留下另一个选项


您可以验证,但需要一些阅读

我不允许使用jQuery,只能使用基本javascript问题是什么?它只指定javascript吗?谢谢,这看起来很难。。阅读