Auf keypress-Ereignis, wie kann ich das ändern ',' ein '~'

Ich haben, um zu verhindern, dass Coldfusion Standard-Liste Trennzeichen ',' von der Eingabe in ein Formular-input-array. Ich bin neu in der Verwendung von javascript zur Validierung, und haben nie versucht zu wechseln, die Werte, die jemand eingeben. Wie kann ich Haken ein Komma, und ersetzen Sie es mit einem tilda?

Javascript, die ich bisher ausprobiert habe:

    $(document).ready(function(event){
      var regExComma = /,/;
      $("[name='name[]']").live("keypress",function(event){
//i know i could check the numerical value, i feel this requirement can get more added to it and I would like to just change the regEx accordingly.
        if(regExComma.test(String.fromCharCode(event.which)){
//it was a ',' switch it to '~'
         event.which = 126;
        }
      });
//added to show that the 'name' input form array is the only input that cares about the ','
    var regExDig = /[\d]/
    $("[name=min[]],[name=max[]]").live(keypress, function(event){
       if(!regExDig .test(String.fromCharCode(event.which)){
        event.preventDefault();
        $("#cfocFormMessages").trigger("updateMessages", {"url":"components.cfc/CFOC.cfc", "data":{"more":"stuff"}});
       }
    });
            });

cfml /html eingebunden:

<form action="components/CatagoryService.cfc?method=saveVersion">
<input id="version" name="version" type="text">
<!--- .. more inputs ..--->
<table id="table">
  <thead><tr><th>name col</th>
  <th>min col</th>
  <th>max col</th>
  <th>edit</th>
</tr></thead>
  <tfoot></tfoot>
  <cfoutput query="variables.query">
  <tr><td><input name="name[]" type="text" value="#variables.query.name#"></td>
   <td><input name="min[]" type="text" value="#variables.query.min#"></td>
   <td><input name="max[]" type="text" value="#variables.query.max#"></td>
   <td><input name="id[]" type="hidden" value="#variables.query.id#">
     <a href="#" class="editLink">edit</a></td>
  </tr>
  </cfoutput>
  <tr><td></td><td></td><td><a href="#" class="addLink">add</a></td></td></tr>
</table>
<input type="Submit"/>
</form>

wenn ich alter CatagoryService.cfc?Methode=saveVersion zu <cfreturn arguments> in einen JSON-string, eine typische Reaktion von Coldfusion aussieht:

{VERSION:"",name:"name1,name2",min:"1,3", max:"2,4",id:"1,2"}
  • Was wird passieren, wenn ein Benutzer überschreibt Ihre Scheck-und setzt ein Komma? Wird, dass das ein Sicherheitsproblem sein? Wenn dem so ist, müssen Sie auf dem server sowie auf dem client.
  • Ich bin der überprüfung auf dem server zu. nämlich die " name:"name1", "name2" coldfusion-Liste wird länger sein, als die 'min' und 'max' - Listen. Ich werde das hinzufügen von code zu zeigen, der anderen die Validierung geht.
InformationsquelleAutor DefyGravity | 2011-03-10
  1. 3

    Legte ich Ihre HTML-Code auf jsfiddle (Sie können es testen) und Hinzugefügt, das JavaScript, mit einem Selektor, der alle Spiele und Elemente:

    $(document).ready(function(event){
    $(document).delegate("input, textarea", "keyup", function(event){
        if(event.which === 188) {
            var cleanedValue = $(this).val().replace(",","~");
            $(this).val(cleanedValue);
        }
    });
});

    Alle Kommas in der Zeichenfolge ersetzt werden durch eine tilde, wenn ein Komma (code 188) eingegeben wurde.

    Denken Sie daran, dass die JavaScript-Validierung ist nichts, was Sie wollen, zu verlassen. Die Kommas können problemlos an den server gesendet oder nie ersetzt zu bekommen, z.B. in einem user-agent mit JavaScript deaktiviert.

    • vereinbart, daher, warum ich nicht wie JS-Validierung, und haben zu schrubben, bevor die server zu. Diese Lösung ist in einer Umgebung ausgeführt wurden, JS aktiviert ist, werden alle Zeit. Ich werde wechseln auf keyup und sehen, wie es geht!
    • Die zurückgegebenen ", die" die codes sind normiert durch jQuery, aber möchten Sie vielleicht zu prüfen, die wieder cross-browser. Auch das "keypress" - Ereignis gibt den ASCII-code (44), während keydown/keyup return keyCode (188). Oder Sie weglassen, dass der check vollständig aus und reinigen Sie die Zeichenfolge.
    • Denken Sie daran, dass selbst wenn Sie sicher sein können, dass JavaScript aktiviert ist, werden alle die Zeit, alle input-Validierung, die Sie in JavaScript gibt, die Sie absolut nichts in punkto Sicherheit. Alle es tut, ist ein bequemer Weg für die gute Nutzer wissen, dass Sie schreiben etwas falsch ist, bevor Sie das Formular abschicken. Jede böswilliger Benutzer kann JavaScript injizieren schalten Sie Ihre Validierung oder Validierung Ihre Arbeit tun und nutzen Tamper Data plugin oder etwas ähnliches. Diese Besondere überprüfung kann auch besiegt werden, indem Sie einfach kopieren und einfügen. Verwenden Sie immer die server-seitige Validierung, selbst wenn JS ist immer auf.
    InformationsquelleAutor Wolfram
  2. 1

    Ersetzte ich die Namen[] .live() event.which = 126; zu event.originalEvent.keyCode=126;

    var regExComma = /,/;
$("[name='name[]']").live("keypress",function(event){
     if(regExComma.test(String.fromCharCode(event.which)){
       //this line works as expected. and will swap out the value on keypress.
       if(event.originalEvent.keyCode){
         event.originalEvent.keyCode=126;
       }else if(event.originalEvent.charCode){
         event.originalEvent.charCode=126;
       }
     }
});

    wolfram ich steigerte Ihren keyUp-Lösung.

    • Beachten Sie, dass dies nicht geben Ihnen jede Sicherheit zu löschen. Es gar nicht funktionieren, wenn ein Benutzer kopiert und fügt einige ungültige Eingabe. Immer tun, eine Validierung auf der Serverseite. Siehe auch mein Kommentar zu der Antwort von Wolfram.
    • verstanden, das ist Neben der server-seitige Validierung, die es in sich hat seine eigenen Fehlermeldungen.
    • Nicht für mich arbeiten. Chrome verweigert, ändern Sie die keyCode / charCode. Nach der Einstellung, es ist immer noch das gleiche
    • Den keyCode und charCode sind readonly, siehe docs developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent
    InformationsquelleAutor DefyGravity
  3. 0

    Imho, es gibt keine Notwendigkeit, überprüfen Sie diese Tasten: 

     $(document).ready(function(event){
    $('#fieldName').keyup(function(event) {
        var cleanedValue = $(this).val().replace(",","~");
        $(this).val(cleanedValue);
    });
});

    Überprüfen Sie es auf jsFiddle.

    InformationsquelleAutor Sepp Ludger
Schreibe einen Kommentar