主页 / 问题 / 761220
Accepted
Dikkiy
Asked:2020-12-21 05:28:47 +0000 UTC2020-12-21 05:28:47 +0000 UTC

JS在输入字段改变时发送数据

  • 772

有一个字段：

<input id="dir" type="text" class="i-text" name="product_dir" value="" />

该脚本从该字段接收数据，并通过 php 向数据库发出请求。

var login,dirStat;

$(function() {
$("#dir").change(function(){
    dir = $("#dir").val();

    console.log("Переменная получена");

    if (dir != null && typeof dir !== undefined) {dir = dir.trim();}
    if(!dir){
        console.log("Но она пустая");
        $("#dir").next().hide().text("Введите имя директории").css("color","red").fadeIn(400);
        $("#dir").removeClass().addClass("i-text-red");
        dirStat = 0;
        buttonOnAndOff();
    }else{
        $.ajax({
        url: "testingDir.php",
        type: "GET",
        data: "dir=" + dir,
        cache: false,
        success: function(response){

            console.log(response);
            if(response == "no"){
                $("#dir").next().hide().text("Директория уже существует").css("color","red").fadeIn(400);
                $("#dir").removeClass().addClass("i-text-red"); 
                dirStat = 0;
                buttonOnAndOff();               
                console.log("Директория уже существует");
            }else{                  
                $("#dir").removeClass().addClass("i-text-green");
                $("#dir").next().text("");
                dirStat = 1;
                buttonOnAndOff();
                console.log("Имя свободно");
            }           

        }
    });
        dirStat = 1;
        buttonOnAndOff();
    }

});
$("#dir").keyup(function(){
    $("#dir").removeClass();
    $("#dir").next().text("");
});




function buttonOnAndOff(){
    if(emailStat == 1 && passwordStat == 1 && password2Stat == 1 && dirStat == 1){
        $("#submit").removeAttr("disabled");
    }else{
        $("#submit").attr("disabled","disabled");
    }

}

});

音译的脚本））

function translit(){
// Символ, на который будут заменяться все спецсимволы
var space = '-'; 
// Берем значение из нужного поля и переводим в нижний регистр
var text = $('#zagolovok').val().toLowerCase();
//var text = document.getElementById('name').value.toLowerCase();   
// Массив для транслитерации
var transl = { 
                'а': 'a', 'б': 'b', 'в': 'v', 'г': 'g', 'д': 'd', 'е': 'e', 'ё': 'e', 'ж': 'zh', 'з': 'z', 'и': 'i',
                'й': 'j', 'к': 'k', 'л': 'l', 'м': 'm', 'н': 'n', 'о': 'o', 'п': 'p', 'р': 'r', 'с': 's', 'т': 't',
                'у': 'u', 'ф': 'f', 'х': 'h', 'ц': 'c', 'ч': 'ch', 'ш': 'sh', 'щ': 'sh', 'ъ': space, 'ы': 'y',
                'ь': space, 'э': 'e', 'ю': 'yu', 'я': 'ya',

                ' ': space, '_': space, '`': space, '~': space, '!': space, '@': space, '#': space, '$': space,
                '%': space, '^': space, '&': space, '*': space, '(': space, ')': space, '-': space, '\=': space,
                '+': space, '[': space, ']': space, '\\': space, '|': space, '/': space, '.': space, ',': space,
                '{': space, '}': space, '\'': space, '"': space, ';': space, ':': space, '?': space, '<': space,
                '>': space, '№': space                  
             }

var result = '';

var curent_sim = '';

for(i=0; i < text.length; i++) {
    // Если символ найден в массиве то меняем его
    if(transl[text[i]] != undefined) {          
        if(curent_sim != transl[text[i]] || curent_sim != space){
            result += transl[text[i]];
            curent_sim = transl[text[i]];               
        }                   
    }
    // Если нет, то оставляем так как есть
    else {
        result += text[i];
        curent_sim = text[i];
    }       
}   

result = TrimStr(result);   

// Выводим результат
$('#dir').val(result);
//document.getElementById('alias').value = result;

}
function TrimStr(s) {
s = s.replace(/^-/, '');
return s.replace(/-$/, '');
}

// Выполняем транслитерацию при вводе текста в поле
$(function(){
$('#zagolovok').keyup(function(){
    translit();
    return false;
});
});

一切正常，但有一件事，该字段是由脚本自动填写的，即 用西里尔文填写相邻字段时，该字段以音译填写。为了让对数据库的请求能够通过，我需要在这个字段中单击，添加和删除一个符号，否则什么也不会发生。我知道您需要更改活动，但是如何更改？请告诉我

javascript

1 个回答

  1. Best Answer

    “这个领域充满了音译” - 在哪里？

    当输入的值被代码更改时，事件change不会触发。自己给他打电话。

    // Выводим результат
$('#dir').val(result).change();


    $("#dir").change(function(){
  console.log("From change event:", $(this).val());
});

function myClick() {
  var result = "myClick";
  // Выводим результат
  $('#dir').val(result).change();
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="dir" type="text"/>
<button type="button" onclick="myClick()">Click</button>

    • 1

相关问题