如果value為null，則在提交之前使用js或jQuery更改輸入文本值

Question

如果輸入值為null，如何使用js或jQuery在提交之前使用js或jQuery更改輸入文本值？

感謝幫助。

Answer 1

使用jQuery ，您可以使用.submit()方法將回調綁定到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");
   }
});

注意：為確保找到所有元素，應將其置於domready函數中。

Answer 2

使用純DOM（無庫），您的HTML將如下所示：

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

你的腳本看起來像這樣：

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';
    };