Question

我该如何检查用户是否在搜索栏中没有输入任何内容，以及输入的数字是否不返回任何内容。而且，如何清除用户最近的值？我已经设法清除了该值，但是在使用相同的input.value =''的条件语句之后，我收到了错误消息。

    for (int i=0; i< _saleInvoiceList.Count;i++)
    {
      _seriesCollection.Add( new ColumnSeries
      {
         Title = _saleInvoiceList[i].SOType,
          DataLabels = true,
          Foreground = new SolidColorBrush(Color.FromRgb(254,24,24)),
          Values = new ChartValues<int>{_saleInvoiceList[i].Total},
            //Fill = PickBrush(),
            Margin = new Thickness(30,0,0,0)
      });

    DailySalesBarChart.LegendLocation = LegendLocation.Bottom;
    DailySalesBarChart.Series = _seriesCollection;

因此从上面的代码中，当用户不输入任何内容时，它将在控制台中吐出我们的错误，并且如果用户同时输入A-Z和0-9，则配方仍将加载。

当用户输入数字时，我会离开控制台，这将在控制台中吐出错误，最后在输入后清除用户输入的值。

这是我的初学者作品集的一种做法。

Answer 1

首先，您无需将input.value设置为null，它将被设置为HTML标记中的默认值。

此外，这取决于您如何定义input变量，如果像下面的示例一样常见，则可以与input.value一起使用

let form = document.getElementsByTagName('form')[0]
let input = document.querySelector('[type=text]')

form.addEventListener('submit', e => {
 e.preventDefault();

 if(input.value === '') {
  console.error('Please type anything in the search bar');
 } else {
  console.log(`Submitted value: ${input.value}`) // Get directly from the input
 }
});

// Another example:
input.addEventListener('input', e => {

 // Easy way to get the value of the element who trigger the current `e` event
 console.log(`Input updated: ${e.currentTarget.value}`)
});

<form>
  <input type="text"/>
  <input type="submit"/> 
</form>

我如何检查搜索栏上是否没有任何类型，以及数字是否不返回任何内容？

1 个答案: