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吗?谢谢,这看起来很难。。阅读