【问题标题】:html5 input type required without a form. Does it work?html5 输入类型需要没有表单。它有效吗?
【发布时间】:2011-10-12 13:49:27
【问题描述】:

我想使用:HTML 5 必需。

<input type='text' required>

它似乎只有在输入类型是表单时才有效。 我可以不单独使用它,然后通过 javascript 调用某种 validate first 方法吗?

更多cmets关注反馈:

我有

    <input id='name' type='text' required>
    <input id='surname' type='text' required>
    <input id='send' type='button' onclick ='send()'>

    function send() {
       if (document.getElementById('name').value == '') { alert('missing name'); return }
       if (document.getElementById('surname').value == '') { alert('missing surname'); return }

       // logic now...

    }

检查输入参数并发送警报的位,这是我想使用 HTML 5 更改的位

【问题讨论】:

  • 您能否发布更多代码来更好地解释您想要实现的目标?
  • 如果没有要发送的表单,应该什么时候进行验证?
  • 您是否使用 AJAX 发送输入值?

标签: javascript html


【解决方案1】:

当然,使用

document.getElementById('your_input_id').validity.valid

动态检查字段的有效性。

【讨论】:

  • 顺便说一句,如果您想知道该字段无效的确切原因,可以查看有效性对象中的其他值。
  • document.getElementById('your_input_id').validity.valid 在说“真”/“假”的意义上起作用,但它不会带来工具提示消息(必需)并专注于文本缺少参数。
  • @lorenzo72 我以为你想检查 JS 中的字段并实现自己的处理程序(工具提示左右)。你不能做你想做的事。您应该将元素包装成表单或实现自己的处理程序。
【解决方案2】:

首先,“必需”属性将在“提交”事件时触发,所以,我猜,没有表单——什么都不会被提交。二、为什么形式有问题?

【讨论】:

  • 提交会重新加载页面。
【解决方案3】:

使用“必需”,这仅在提交表单时才有效。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-01-15
    • 2015-09-04
    • 1970-01-01
    • 2016-05-07
    • 1970-01-01
    • 2016-12-12
    相关资源
    最近更新 更多