JavaScriptでユーザーの入力制限を設定する

-1

もう一度アドバイスをお探しですか？JavaScriptでユーザーの入力制限を設定する

私は、与えられたユーザー入力の平方根を計算する簡単なプログラムを作成しています。私はその部分を管理しました。

ユーザーの入力を制限することで、学習を拡張したいと考えています。私は入力を10桁だけにしたい、そうでなければ "もう一度やり直して"尋ねるでしょう。

私はmaxlengthを10に設定することによっていくらか制限することができましたが、これを私のminlengthにする方法もわかりません。

ここに私のコードがあります。あなたは私のコメントで何がうんざりしているのかを知ることができます。

function doMath(){ 
 
    
 
    var inputNum1 = document.form1.input1.value; 
 
    var result = Math.sqrt(inputNum1); 
 
    
 
    //if (inputNum1!\d{10}) { 
 
    // \t "Enter a ten digit number"; 
 
    document.form1.answer.value = result; 
 
    //} 
 
    
 
}

<form name=form1> 
 
    Enter a ten-digit number: 
 
    <input type="text" name="input1" size=16 maxlength=10><br><br> 
 
    <input type="button" value="Calculate" onClick='doMath()'> 
 
    <br><br> 
 
    The square root is: 
 
    <input type="text" name="answer" size=22> 
 
</form>

別の詳細、私は画面を更新した後、私はボックスに滞在からテキストをどのように停止するのですか？初めてこれが起こった。

ありがとうございました。

出典

2016-12-28 Keeron

なぜinputNum1が文字列として表示されないのですか？これを解決するには、inputNum.toString（）。lengthを使用します。

BESIDES、あなたの<入力でオートコンプリート= "オフ"を使用してみてください。

出典

2016-12-28 13:43:53

ちょうど..この連結は実際に動作するのでしょうか？ var inputNum1 = document.form1.input1.value; 純粋なjavascriptで実際に動作することはありますか？ – mnemosdev

getElementByIdはより良い解決策だと思います。 –

それは実際に働く方法であるかどうかを知りたいと思っていました。それは私に間違いのようですが、多分私は間違っていて、私はそれについて知らないのです – mnemosdev

なぜ私はdownvotedになったのか分かりません。多分経験豊富なメンバーにとっては些細なことかもしれませんが、どこからでも始めなければなりません。

もう少し手を加えた後、私はうまくいくソリューションを持っています。他の人が思い付くほどエレガントではない可能性が高いですが、私がどのように動作させるかを示すコードをいくつか掲載します。

<script type="text/javascript"> 

function doMath(){ 

var inputNum1 = document.form1.input1.value; 
var result = Math.sqrt(inputNum1); 

    if(inputNum1.length == 10){ 


    document.form1.answer.value = result; 

    } 

    else { 

     alert("Enter a ten digit number"); 
    } 
} 


function clear_field(field) { 

     if (field.value==field.defaultValue) { 

      field.value='' 

     } 

    } 

</script>

あなたが見ることができるように、私はまた、

</head> 
<body> 
<form name=form1> 
Enter a ten-digit number: 
<input type = "text" name = "input1" size = 12><br><br> 
<input type = "button" value = "Calculate" onClick = 'doMath()'> 
<br><br> 
The square root is: 
<input type = "text" name = "answer" size = 20> 
    <br><br> 
<input type = "reset" value = "Clear" onClick = 'clear_field(field)'> 
</form> 
</body> 
</html>

うまくいけば、これは助けを提供するものに再び同様のproblem.Andのおかげで他の誰かを助けるデータを消去する手段を追加しました。

出典

2016-12-28 18:22:13 Keeron

JavaScriptでユーザーの入力制限を設定する

答えて

関連する問題