2016-08-16 12 views
0

これで、人がクエリーを入力することができる入力フィールドを備えたシンプルなスクリプト(下記参照)を作成し、これをsocrata-webserviceに送信して、警告ボックスに表示されます。ここまでは順調ですね。Javascriptでインプットフィールドを大文字にしないでくださいJS

var kenteken = $("#kteken").val(); 
var datum = document.getElementById("vervaldatum") 

$(document).ready(function(){ 
    $("button").click(function(){ 
$.getJSON("https://opendata.rdw.nl/resource/m9d7-ebf2.json",{kenteken: $("#kteken").val()},function(data, status){ 
    alert ("APK Vervaldatum: " + data[0].vervaldatum_apk);}); 
}); 
}); 

ただし、このソクラテットWebサービスでは、大文字でのクエリーしか受け付けません。したがって、私は誰もが入力するすべての特殊文字を削除して、自動的に大文字に変換されることを確認したい。

onKeyup="this.value=this.value.replace(/[W]/g,'');"

私はSOを含むいくつかのウェブサイトを通じて見えたが、私が見つけたすべてのソリューションは、上記のバリエーションた;:さて、通常、私はこのようなインラインJSでそれを行うだろうすべてインラインJSのソリューションでした。それはすべてうまくいいですが、私は現在Wordpressサイトに取り組んでいます。これはインラインJSが「セキュリティ」の理由で許可されていません。したがって、私は外部JSファイルに私の '大文字のスクリプト'を含める必要があります。私はそれを動作させるために問題があります。

inputのすべてのエントリが自動的に大文字にのみ変更されるように、既存の.jsファイルを変更するにはどうすればよいですか?

+0

送信するときに、なぜそれを大文字ではないhttps://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener –

+2

を参照してください? 'string.toUpperCase()'とcss: 'text-transform:uppercase; –

答えて

1

変更{kenteken:$( "#1 kteken")のval()}からgetJSONメソッドの2番目のパラメータに{kenteken:$( "#1 kteken")のval()は、toUpperCase( )} Mettinが示唆しているように、あなたは良いことになるでしょう。

+0

それはうまくいった。それは何か簡単でなければならないことを知っていた。ありがとう! – Tijmen

0

するTry CSS

我々はtext-transform: uppercaseを使用することができます。 PHP関数を使用して、サーバー側で大文字に変換します。

input { 
    text-transform: uppercase; 
} 
+0

私はCSSを使用できません。ポイントは、大文字をWebサービスに送信することです。 CSSは大文字のようにしか見えませんが、実際には大文字にしません。編集:PHPの部分を見落とした。それはうまくいくかもしれませんが、私はPHPの経験がないので、JSソリューションを好むでしょう – Tijmen

+0

入力フィールドはフォームの一部ですか? – jophab

関連する問題