Question

如果输入类型在表单中，它似乎只能工作。可以通过javascript进行验证而不使用表单标签？预期：如果文本字段为空并且我单击提交，则应该显示该字段为空的消息。只有在字段输出时才提交

我的剧本：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr><td><input type="text" size"30" placeholder="put id"  id="source" required>
<button type="submit" class="formButton" id="submit">Submit</button></td></tr>
<tr><td><input type="text" style="border:none" size="40" id="target" class="form" onClick="myFunct()" required></td></tr>
<tr><td><input type="text" style="border:none" size="40" id="target" class="form21" onClick="myFunct()" required></td></tr>

<script>
$(".formButton").click(function() {
 $(".form21").show();
});
</script>

<script>
$('#submit').click(function(){
 var source = $('#source').val();
$('#target').val('text' + ' text');
}); 
</script>

我累了，但接缝不起作用

<script>
function  myFunct(){
if (document.getElementById('source').validity.valid) { alert('missing name'); return }
</script>

谢谢你的帮助

Answer 1

$('#target').val('text + ' text');，报价未正确关闭，且没有文字变量。

所以这应该是$('#target').val('text' + source );

在myFunct中，该功能没有右括号。
ID对于页面是唯一的。因此，不要对多个元素使用相同的ID。在此示例中，目标使用两次。
注意元素的有效性，当元素无效时，有效属性将为false。因此，对于警报消息，条件应为(!document.getElementById('source').validity.valid)（即）以检查元素

是否有效。

提交按钮的点击处理程序不会调用myFunct func。因此，对于当前代码，当输入元素具有类＆＃34;形式＆＃34;时，将调用验证器函数。和＆＃34; form21＆＃34; 。如果您希望在提交单击时完成验证，则应为按钮提交单击处理程序提供验证代码。

没有表单标记所需的输入类型

1 个答案: