ホームページ  >  記事  >  ウェブフロントエンド  >  JS ガジェットの複数の属性の合計が特定の値を超えることはできません。_javascript のヒント

JS ガジェットの複数の属性の合計が特定の値を超えることはできません。_javascript のヒント

WBOY
WBOYオリジナル
2016-05-16 18:45:301133ブラウズ

最も有名な例は、三国志と太極における新しい将軍への属性値の割り当てです。
このような関数を作成するために JavaScript を使用しました。 ちなみに、リンクの下線を非表示にします。
皆さんもご覧ください。もっと良い最適化の提案があれば、遠慮なく言ってください。
最初のコードは test.html です。

コードをコピーします コードは次のとおりです:



新しいドキュメント


説明" CONTENT="">











"right">ユーザー名
;

<gt;gt;

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



font color="#FF0000"> gt;gt;< ;/font>gt;gt;
gt;









コードをコピーします


コードは次のとおりです。
.A { text-transform: none; text-decoration: none; } .a:hover { text -decoration: 下線
}


最後に util.js (このコードはかなり長いです) :




コードをコピー

コードは次のとおりです:

var flag=false;
function add(formname){
if (formname.username.value == "") {
alert("正の整数を入力してください");
フォーム名.ユーザー名.focus();
return false;
}
if(flag==false){
return false; >}
if(parseInt(フォーム名.ユーザー名.値)>0){
フォーム名.ユーザー名.値 =parseInt(フォーム名.ユーザー名.値) 1;
if(parseInt(フォーム名.ユーザー名. value) parseInt(formname.meili.value)>10){
alert("入力された整数の合計は 10 を超えてはなりません");
formname.username.value =10-parseInt(formname) .meili.value );
return false;
}else
return true;
alert("入力された整数は 0 より大きい必要があります"); .username.value =1 ;
return false;
}
}
関数 subtration(formname){
if (formname.username.value == "") {
アラート("正の整数を入力してください");
formname.username.focus();
flag = checkscope(formname); ){
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);
return false;
}else
return true;
}else{
alert ("入力された整数は 0 より大きい必要があります");
formname.meili.value=1;
return false;
function subtration2(formname){
if (formname.meili.value == "") {
alert("正の整数を入力してください");
return
}
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("入力した整数の合計は 10 を超えてはなりません");
formname.meili.value =10 -parseInt(formname.username.value);
return false;
}else
return true ;
}else if(parseInt(formname.meili.value) ==1){
alert("すでに最小値なのでこれ以上減らすことはできません"); }else{
alert("入力された整数は 1 より大きい必要があります");
formname.meili.value =1;
return
}
}
関数 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)alert("meili 入力番号が許容範囲 1 ~ 9 を超えています"); .value=1;
formname.meili.focus();
return false;
}


同じフォルダーに保存して効果を試してください。決して嘘ではありません。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:jQuery アニメーション効果のデモンストレーション_jquery次の記事:jQuery アニメーション効果のデモンストレーション_jquery

関連記事

続きを見る