HTMLタグは編集せず、jQueryを用いてtext-boxを取得し、中身が数字であれば緑色、そうでなければ赤色の背景に変えて下さい。
Hint : 数字の正規表現で簡単にできますが、他の方法もあるかもしれません。
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://
</head>
<body>
<div id="target" style="color: rgb(34, 34, 34); width: 155px; height: 150px; float: left; border: 1px solid rgb(119, 119, 119); background-color: rgb(204, 204, 204); margin: 10px; padding: 5px; background-position: initial initial; background-repeat: initial initial;">
<br><br>
<input value="12345" data-role="none" style="margin: 2px; width: 80px;">
<input value="abcde" data-role="none" style="margin: 2px; width: 80px;">
<input value="ab12" data-role="none" style="margin: 2px; width: 80px;">
</div>
</body>
<script>
</script>
</html>
この問題をどのように解決したらよいのか、調べた結果わからない現状なので、どなたか教えてください。
お手数をおかけしますがよろしくお願い致します。
Hint : 数字の正規表現で簡単にできますが、他の方法もあるかもしれません。
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://
</head>
<body>
<div id="target" style="color: rgb(34, 34, 34); width: 155px; height: 150px; float: left; border: 1px solid rgb(119, 119, 119); background-color: rgb(204, 204, 204); margin: 10px; padding: 5px; background-position: initial initial; background-repeat: initial initial;">
<br><br>
<input value="12345" data-role="none" style="margin: 2px; width: 80px;">
<input value="abcde" data-role="none" style="margin: 2px; width: 80px;">
<input value="ab12" data-role="none" style="margin: 2px; width: 80px;">
</div>
</body>
<script>
</script>
</html>
この問題をどのように解決したらよいのか、調べた結果わからない現状なので、どなたか教えてください。
お手数をおかけしますがよろしくお願い致します。
|
|
|
|
|
|
|
|
Webデザイン 更新情報
Webデザインのメンバーはこんなコミュニティにも参加しています
人気コミュニティランキング
- 1位
- 千葉 ロッテマリーンズ
- 37151人
- 2位
- mixi バスケ部
- 37846人
- 3位
- 楽天イーグルス
- 31947人