> 웹 프론트엔드 > JS 튜토리얼 > JS 가젯의 여러 속성의 합은 특정 값을 초과할 수 없습니다._javascript 팁

JS 가젯의 여러 속성의 합은 특정 값을 초과할 수 없습니다._javascript 팁

WBOY
풀어 주다: 2016-05-16 18:45:30
원래의
1189명이 탐색했습니다.

가장 유명한 예는 삼국지와 태극에서 새로운 장군에게 속성 값을 할당하는 것입니다.
그런 기능을 만들기 위해 자바스크립트를 사용했는데, 그런데 링크의 밑줄을 숨겼습니다.
모두 살펴보세요. 더 나은 최적화 제안이 있으면 언제든지 언급해 주세요.
다음은 코드입니다.
첫 번째는 test.html입니다.

코드 복사 코드는 다음과 같습니다.




새 문서


설명" CONTENT="">




<테이블>

< td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="font1">div align= "right">사용자 이름

< td height="30" bordercolor="#FFFFFF" bgcolor="#D0E8FF" class="font1"> "center">

;

+< ;/font>

< div align="center"> -< ;/font>


meili





-< ;/font>






link.css:


.A {
text-transform: none
text-장식: 없음
}
.a:hover {
text -장식: 밑줄
}


마지막으로 util.js(이 코드는 꽤 깁니다) :


코드 복사 코드는 다음과 같습니다.

var flag=false;
function add(formname){
if (formname.username.value == "") {
alert("양의 정수를 입력하세요.");
formname.username.focus();
return false;
}
flag = checkscope(formname);
if(flag==false){
return false; >}
if(parseInt(formname.username.value)>0){
formname.username.value =parseInt(formname.username.value)
if(parseInt(formname.username. value)parseInt(formname.meili.value)>10){
alert("입력한 정수의 합은 10보다 크지 않아야 합니다.")
formname.username.value =10-parseInt(formname .meili.value );
return false;
}else
return true;
}else{
alert("입력된 정수는 0보다 커야 합니다."); .username.value =1 ;
return false;
}
}
함수 subtration(formname){
if (formname.username.value == "") {
alert ("양수를 입력하세요");
formname.username.focus();
return false
}
flag = checkscope(formname)
if(flag==false; ){
return false;
}
if(parseInt(formname.username.value)>1){
formname.username.value =parseInt(formname.username.value)-1;
if(parseInt (formname.username.value)parseInt(formname.meili.value)>10){
alert("입력된 정수의 합은 10을 초과할 수 없습니다."); formname.username.value =10-parseInt( formname.meili.value);
return false;
}else
return true
}else if(parseInt(formname.username.value) =1){
alert(" 이미 최소값이므로 더 이상 줄일 수 없습니다.");
return false
}else{
alert("입력된 정수는 1보다 커야 합니다. ");
formname.username.value =1;
return false;
}
}
function add2(formname){
if (formname.meili.value == " ") {
alert("양의 정수를 입력하세요.");
formname.meili.focus();
return false;
}
flag = checkscope(formname);
if(flag==false){
return false ;
}
if(parseInt(formname.meili.value)>0){
formname.meili.value =parseInt(formname. meili.value) 1;
if(parseInt(formname .username.value)parseInt(formname.meili.value)>10){
alert("입력된 정수의 합은 10보다 클 수 없습니다. ");
formname.meili.value =10-parseInt(formname.username.value);
false 반환;
}else
true 반환;
}else{
alert ("입력한 정수는 0보다 커야 합니다.");
formname.meili.value=1;
return false
}
}
function subtration2(formname){
if (formname.meili.value == "") {
alert("양의 정수를 입력하세요")
formname.meili.focus()
return false; >flag = checkscope(formname);
if(flag==false){
return false
}
if(parseInt(formname.meili.value)>1){
formname.meili.value =parseInt(formname.meili.value)-1;
if(parseInt(formname.username.value)parseInt(formname.meili.value)>10){
alert("The 입력한 정수의 합은 10보다 크지 않아야 합니다.");
formname.meili.value =10 -parseInt(formname.username.value);
return false;
}else
return true ;
}else if(parseInt(formname.meili.value) ==1){
Alert("이미 최소값이므로 더 이상 줄일 수 없습니다.")
return false; }else{
alert("입력된 정수는 1보다 커야 합니다.");
formname.meili.value =1
return false
}
function checkscope; (formname){
if((parseInt(formname.username.value)>9)||(parseInt(formname .username.value)<1)){
alert("사용자 이름 입력 수가 다음을 초과합니다. 허용 범위 1-9");
formname.username.value=1;
formname.username.focus( );
return false;
}
if((parseInt(formname. meili.value)>9)||(parseInt(formname.meili.value)<1)){
Alert("meili 입력 번호가 허용 범위 1-9를 초과합니다."
formname.meili .value=1;
formname.meili.focus();
return false;
}
return
}


같은 폴더에 넣은 다음 효과를 시도해 보세요. 절대로 거짓말을 하는 것이 아닙니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿