スクリプトが機能しない

-1

要素に必要なメッセージを変更したいのですが、スクリプトが機能しない理由がわかりません！ srcは正しいですか？スクリプトが機能しない

<head> 
<script src="/Scripts/jquery-1.10.2.js"></script> 
<script src="/Scripts/jquery-1.10.2.min.js"></script> 

<script> 
    $('#form1 input[type=text]').on('change invalid', function() { 
     var textfield = $(this).get(0); 

     // 'setCustomValidity not only sets the message, but also marks 
     // the field as invalid. In order to see whether the field really is 
     // invalid, we have to remove the message first 
     textfield.setCustomValidity(''); 

     if (!textfield.validity.valid) { 
      textfield.setCustomValidity('Some message... '); 
     } 
    }); 
</script>

そして、ここで体です。

<form id="form1" class="form-basic" action="~/MortgageAndRent/InsertMortgageAndRent/" method="post" > 
     <input type="hidden" name="UserId" value="@Model.UserId" /> 

     <div class="form-row"> 
      <label> 
       <span>Province</span> 
       <input type="text" name="AddressViewModel.Province" value="@Model.AddressViewModel.Province" required /> 
      </label> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>City</span> 
       <input type="text" name="AddressViewModel.City" value="@Model.AddressViewModel.City" required /> 
      </label> 
     </div>

。。。

出典

2017-01-08 Atefeh Mohammadpoor

まずコードをデバッグする方法を学ばなければなりません。このリンクをチェックしてください。http://stackoverflow.com/questions/988363/how-can-i-debug-my-javascript-code –

実行中に '＃form2 input [type = text]'要素が存在しませんあなたのコードはイベントハンドラを設定します。リンクされた質問の回答を参照してください。（また、入力の周りに 'id =" form2 "'を持つ要素が必要です。セレクタを変更することもできます） –

-2

この$('#form2 input[type=text]').on('change invalid', function() { var textfield = $(this).get(0);});あなたは忘れてしまった};あなたのhtmlでform2のidを宣言していないので、私はこれを考えます$('input[type=text]').on('change invalid', function() { var textfield = $(this).get(0);});

出典

2017-01-08 08:50:21 NotanNimda

最後に '）'を閉じるのを忘れてしまいました。 –

ええ、、電話でコードを書くのは大したことではありません:) – NotanNimda

@ NotanNimda。ご返事ありがとうございます。このリンクhttp://jsfiddle.net/zpkKv/2/}と）最後にあります。 –

スクリプトが機能しない

答えて

関連する問題