jQuery / JS可以检查改变输入的内容吗?

时间:2013-09-18 12:39:31

标签: javascript jquery html

jQuery或纯JavaScript可以检查输入字段的值是如何更改的?也许类似的东西:

$('input').change(function(e){
    e.preventDefault();
    console.log(e.changedFunction.name);
});

我知道给定的代码不起作用而且不能做我想要的。但这有可能以某种方式吗?

为什么我需要那个?我有一个对话框,我有多个表单(每个表单更改一件事)。当我提交表单时,该值将重置为之前的值。例如在表单中有一个单词'Hello',当我将其更改为'Hello,World!'时,它成功地将数据发送到$ .post,但随后将值重置为'Hello'。我似乎无法找到任何功能,既不是PHP,也不是改变输入的javascript。这就是我需要检查什么或谁改变我的输入值的原因。

编辑:

包括示例代码。

editblock.php

} else if ($_POST['what'] == 'email') {
$sql = mysql_query("SELECT id, email, loggedin FROM users WHERE id = " . mres($_POST['id']) . " LIMIT 1");
$edit = mysql_fetch_array($sql);
$output .= '<div id="block-' . $_POST['what'] . '"><form method="post" id="form-' . $_POST['what'] . '">';
$output .= '<input type="hidden" name="id" value="' . mres($_POST['id']) .'" />';
$output .= '<input type="text" name="value" value="' . $edit['email'] .'" /> ';
$output .= '<input type="hidden" name="what" value="' . mres($_POST['what']) .'" />';
$output .= '<input type="submit" name="submit" value="OK" />';
$output .= '</form></div>';
$output .= '<script>
  $("#form-' . $_POST['what'] . '").submit(function(event) {
    event.preventDefault(); 
    var $form = $( this ),
        doval = $form.find( "input[name=\"value\"]" ).val(),
        doid = $form.find( "input[name=\"id\"]" ).val(),
        dowhat = $form.find( "input[name=\"what\"]" ).val();

    $.post("/pages/profilis/doedit.php", { do: doval, id: doid, what: dowhat },
      function( data ) {
          $("#block-' . $_POST['what'] . '").empty().append( data );
          $form.find("input[name=\"value\"]").val(doval);
      }
    );
  });
</script>
';
}

doedit.php

else if ($_POST['what'] == 'email') {
if (empty($_POST['do'])) {
    $error[] = 'err';
} else {

    if ( ! preg_match("/^[a-z0-9]+([_\\.-][a-z0-9]+)*@([a-z0-9]+([\.-][a-z0-9]+)*)+\\.[a-z]{2,}$/i", $_POST['do'])) {
        $error[] = "err";
    }

    $sql = mysql_query("SELECT `id` FROM `users` WHERE `email` = '" . mres($_POST['do']) . "' LIMIT 1");
    if (mysql_num_rows($sql) == 1) {
        $error[] = "err";
    }

    if ($edit['loggedin'] > 0) {
        $error[] = "err";
    }

    if (sizeof($error) >= 1) {
        echo join($error, '<br/>');

    } else {
        $sql = mysql_query("UPDATE users SET 
                        email = '" . mres($_POST['do']) . "'
                        WHERE id = " .(int)$edit['id'] . "
                        LIMIT 1");
        if ($sql) {
            echo 'OK';
            $logmsg = 'Changed email';
        } else {
            echo 'Error';
        }       
    }
}
} 

PHP函数mres()转义所有字符(对于数据库注入保护 - 这里不是很重要)。

1 个答案:

答案 0 :(得分:1)

根据你解释的情况。我希望你使用jqueryajax

在此完成Post函数后,您可以使用更改的值

更改值
$.ajax({
  type: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg ); // portion where you can change the field value to the updated one.
  });

谢谢和问候,

Philemon Philip Kunjumon