ここにフィドルがあります:http://jsfiddle.net/rbmako69/t5qKs/12/
フォームは次のとおりです。
<form id="form1" mrthod="get" action="#">
<div date-role="fieldcontain" class="ui-hide-label">
<label for="best_contact_method">Best Contact Method</label>
<select data-theme="a" id="best_contact_method" name="best_contact_method" class="required" data-native-menu="false">
<option>Best Contact Method</option>
<option value="email">Email</option>
<option value="daytime_phone">Daytime Phone</option>
<option value="evening_phone">Evening Phone</option>
</select>
</div>
<div data-role="fieldcontain" class="ui-hide-label">
<label for="daytime_phone" id="daytime_phone_label">Daytime Phone</label>
<input type="text" id="daytime_phone" name="daytime_phone" placeholder="Daytime Phone" />
</div>
<div data-role="fieldcontain" class="ui-hide-label">
<label for="evening_phone" id="evening_phone_label">Evening Phone</label>
<input type="text" id="evening_phone" name="evening_phone" placeholder="Evening Phone" />
</div>
<div data-role="fieldcontain" class="ui-hide-label">
<label for="email" id="email_label">Email</label>
<input type="text" id="email" name="email" placeholder="Email" />
</div>
<button type="submit" data-theme="a" name="submit" id="submit" value="validate">Validate</button>
</form>
フォームには、選択ボックス、3 つのテキスト入力、およびボタンの 4 つの要素があります。選択からオプションを選択すると、フォームの送信に必要なフィールドが変更されます。ドロップダウンからオプションを選択すると、入力フィールドのフォーマットが変更されることがわかります。検証は正常に機能しますが、フィールドの書式設定が変更されないようにする方法がわかりません。
助言がありますか?