Добавьте текст к элементу <input>, но не удаляйте его - PullRequest
Новая
       1

Добавьте текст к элементу <input>, но не удаляйте его

2 голосов
/ 07 марта 2012

У меня есть элемент <input> html. Элемент заполняется по умолчанию. Пользователь должен иметь возможность добавлять новый текст в конце текста по умолчанию, но не может удалить значение по умолчанию. Как я мог решить эту проблему?

Ответы [ 4 ]

2 голосов
/ 07 марта 2012

Вы можете сделать это с помощью JavaScript: 

listen('load', window, init);

function init() {
  var test = document.getElementById('test');
  var val = test.value;
  listen('keydown', test, replaceVal);
  listen('keyup', test, replaceVal);
  function replaceVal() {
    tempVal = test.value;
    if (tempVal.indexOf(val) === -1) {
      tempVal = val;
      test.value = val;
    }
  }
}

function listen(event, elem, func) {
  if (elem.addEventListener) {
    elem.addEventListener(event, func, false);
  } else if (elem.attachEvent) {
    elem.attachEvent('on' + event, func);   
  }
}

Я настроил jsFiddle здесь: http://jsfiddle.net/sjfwz/

0 голосов
/ 07 марта 2012

Если вы не хотите делать сложные JS, вы можете просто использовать фоновые изображения с некоторыми отступами.

0 голосов
/ 07 марта 2012

Вы также можете сравнить входное значение с шаблоном регулярного выражения при событии нажатия клавиши.Затем вы можете запретить нажатие клавиши, например, клавишу возврата, если регулярное выражение не совпадает.

0 голосов
/ 07 марта 2012

попробуйте этот

скрипт: 

   <script type="text/javascript">
    function MyFunction() {

        document.getElementById('TextBox3').value = document.getElementById('defaultValue').value;

        //if asp:textbox control should be work below
        document.getElementById('<%=TextBox4.ClientID%>').value = document.getElementById('defaultValue').value;

    }

</script>
    }


<body onLoad="javascript:MyFunction();">
<input type="hidden" id="defaultValue" name="defaultValue" value="defaultValue"/>
<input type="text" id="TextBox3" />
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...