1

JavaScript の使用; 最初または前のテキストフィールドに依存するように他のテキストフィールドを設定できますか?

たとえば、名と姓のフィールドがある場合、名の値が入力されるまで姓のフィールドを無効にします。

4

3 に答える 3

1

私はあなたが見ることができるフィドルを作りました: http://jsfiddle.net/phillipkregg/7bkrn/2/

完璧ではありませんが、遊んだり練習したりするための何かが得られます。「名」フィールドを入力せずにそのままにしておくと、「姓」フィールドがロックされます。

JQuery を使用する場合、これは JavaScript を実行する 1 つの方法です。

 $(document).ready(function() {

     $("#first_name_field").focus();

     var error_message = "Please add first name.";

      $("#first_name_field").blur(function() {
          if ($(this).val() != '')
          {
              $("#surname_field").removeAttr("disabled");    
              $("#message").html("");      
          }
     else {              
              $("#surname_field").attr("disabled", "disabled");  
              $("#message").append(error_message);      
          }         

      });
 });​

バリデーションを使用する予定がある場合 (そうするべきです)、JQuery Validation というプラグインを確認する必要があります - http://docs.jquery.com/Plugins/Validation

ここで簡単なものを作成して、それを行う1つの方法を示しました.

于 2012-04-27T06:02:56.747 に答える
0

このコードを試してください。

<input type="text" name="fname" id="fname" onkeyup="check()" />
<input type="text" name="lname" id="lname" disabled="disabled"  />

JavaSCript

function check() {
if(document.getElementById('fname').value != "")
    document.getElementById('lname').disabled = false;
else
    document.getElementById('lname').disabled = true;
}
于 2012-04-27T05:29:57.030 に答える
0

すでに。JavaScriptでは、「input」htmlタグの「readonly」プロパティと「onChange」イベント（たとえば）を使用できます。これはクライアント側の機能のみです。この目的でphpを使用しないでください）。

于 2012-04-27T05:30:14.177 に答える