zmienić wartość wejściową tekstu za pomocą js lub jQuery przed przesłaniem, jeśli wartość jest pusta

Question

Jak mogę z js lub jQuery zmienić wartość tekstu wejściowego z js lub jQuery przed przesłaniem, jeśli wartość wejściowa ma wartość null?

Dzięki za pomoc.

Answer 1

Z jQuery można powiązać wywołanie zwrotne z zdarzeniem submit przy pomocy metody .submit().

$("form").submit(function(){ 
    // Let's find the input to check 
    var $input = $(this).find("input[name=whatever]"); 
    if (!$input.val()) { 
    // Value is falsey (i.e. null), lets set a new one 
    $input.val("whatever you want"); 
    } 
}); 

Wskazówka: Aby upewnić się, że wszystkie elementy można znaleźć powinno być umieszczone w domready funkcji.

Answer 2

zwykły DOM (brak biblioteki), twój HTML będzie wyglądać mniej więcej tak:

<form name="foo" action="bar" method="post"> 
    <!-- or method="get" --> 
    <input name="somefield"> 
    <input type="submit" value="Submit"> 
</form> 

i twój scenariusz będzie wyglądał mniej więcej tak:

var form = document.forms.foo; 
if (form && form.elements.something) 
    // I use onsubmit here for brevity. Really, you want to use a 
    // function that uses form.attachEvent or form.addEventListener 
    // based on feature detection. 
    form.onsubmit = function() { 
     // if (form.elements.foo.value.trim()) is preferable but trim() 
     // is not available everywhere. Note that jQuery has $.trim(), 
     // and most general purpose libraries include a trim(s) 
     // function. 
     if (form.elements.something.value.match(/^\s*$/))) 
      form.elements.something.value = 'DEFAULT VALUE'; 
    };