他のページでは同じように呼び出した関数がきちんと動くのですが、特定のページだけ読み込んでくれません。環境:iphone7 ios13.3.1
javascript
1<script> 2 function statusChange() { 3 //ローカルストレージに保存する 4 var openStatus = document.getElementById('open_status').value; 5 localStorage.setItem('open_status', openStatus); 6 alert('登録が完了しました'); 7 } 8</script>
html
1<form data-role="none" name="status"> 2 <div data-role="none" class="status1"> 3 ステータス: 4 </div> 5 <div data-role="none" class="status2"> 6 <input data-role="none" type="text" name="open_status" id="open_status" class="open_status"> 7 </div> 8 <div data-role="none" class="status3"> 9 <button type="button" data-role="none" class="btn-flat-border" onClick="statusChange();"> 10 変更 11 </button> 12 </div> 13</form>
エラーの内容
RefarenceError: Can't find variable: statusChange
試したこと
関数の前に変数宣言…だめでした
javascript
1var statusChange
確認したこと
iPhone7のsafariのjavascriptがオンになっているか
どなたか原因がわかる方がいらっしゃいましたら、教えてください。
追記です。
動くページの方のコードです。
javascript
1<script> 2//ローカルストレージに保存する 3function Add(account_no) { 4 //フォームナンバーを変数に入れる 5 var idNo = account_no.id;//これだと「submit_0」 6 idNo = idNo.replace(/[^0-9]/g, '');//数字を取り出す 7 8 //ローカルストレージに保存する 9 var serviceName = document.getElementById('service_name_' + idNo).value; 10 var serviceId = document.getElementById('service_id_' + idNo).value; 11 var servicePass = document.getElementById('service_pass_' + idNo).value; 12 13 localStorage.setItem('service_name_' + idNo, serviceName); 14 localStorage.setItem('service_id_' + idNo, serviceId); 15 localStorage.setItem('service_pass_' + idNo, servicePass); 16 17 alert('登録が完了しました'); 18} 19</script>
html
1<form data-role="none" id="account" method="post" action="#"> 2 <table data-role="none" class="your_form_table" id="your-form-table"> 3 <tr data-role="none" class="your_form_tr"> 4 <th data-role="none" class="your_form_left"> 5 <label data-role="none" for="service_name"> 6 サービス名 7 </label> 8 </th> 9 <td data-role="none" class="your_form_right"> 10 <input data-role="none" type="text" name="service_name_0" id="service_name_0" class="your_input_text"> 11 </td> 12 </tr> 13 <tr data-role="none" class="your_form_tr"> 14 <th data-role="none" class="your_form_left"> 15 <label data-role="none" for="service_id">ログインID</label> 16 </th> 17 <td data-role="none" class="your_form_right"> 18 <input data-role="none" type="text" name="service_id_0" id="service_id_0" class="your_input_text"> 19 </td> 20 </tr> 21 <tr data-role="none" class="your_form_tr"> 22 <th data-role="none" class="your_form_left"> 23 <label data-role="none" for="service_pass"> 24 パスワード 25 </label> 26 </th> 27 <td data-role="none" class="your_form_right"> 28 <input data-role="none" type="text" name="service_pass_0" id="service_pass_0" class="your_input_text"> 29 </td> 30 </tr> 31 </table> 32 <input data-role="none" class="btn-flat-double-border-tsuika" id="account_0" type="button" onClick="Add(this);" value="登録する"> 33</form>
あなたの回答
tips
プレビュー