Javascript 如何使输入成为必需的
我想要的是，当两个字段，即Javascript 如何使输入成为必需的,javascript,html,Javascript,Html,我想要的是，当两个字段，即fname和lname保持为空时，弹出窗口应显示两条消息，即“必须填写名字”，“必须填写姓氏” 我需要做哪些修改 <!DOCTYPE html> <html> <head> <script> function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x
fnamelname<!DOCTYPE html>
<html>
<head>
<script>
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("First name must be filled out");
document.myForm.fname.focus();
return false;
}
var y = document.forms["myForm"]["lname"].value;
if (y == null || y == "") {
alert("Last name must be filled out");
document.myForm.lname.focus();
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">First name:
<input type="text" name="fname">Last name:
<input type="text" name="lname">
<input type="submit" value="Submit">
</form>
</body>
函数validateForm（）{
var x=document.forms[“myForm”][“fname”].value；
如果（x==null | | x==“”）{
警告（“必须填写姓名”）；
document.myForm.fname.focus（）；
返回false；
}
var y=document.forms[“myForm”][“lname”].value；
如果（y==null | | y==“”）{
警告（“必须填写姓氏”）；
document.myForm.lname.focus（）；
返回false；
}
}
名字：
姓氏：
function validateForm() {
var errors = [],
fname = document.forms["myForm"]["fname"],
lname = document.forms["myForm"]["lname"];
if (lname.value == "") {
errors.unshift("Last name must be filled out");
lname.focus();
}
if (fname.value == "") {
errors.unshift("First name must be filled out");
fname.focus();
}
if (errors.length > 0) {
alert("Cannot submit\n" + errors.join("\n"));
return false;
}
}
- 您当前使用
和document.forms[“myForm”][“fname”]
访问同一字段。选择一种方法并始终如一地使用，或document.myForm.fname - 创建一个引用字段
的变量，然后使用fname
和fname.valuefname.focus（） - 不要费心测试
，因为null
属性永远不会被删除.value - 不要立即发出错误警报并返回，而是将错误文本添加到数组中，然后在测试结束时如果数组为空
if (!x || x.length == 0)
您可以使用Hthml 5
required<form>
First name: <input type="text" name="fname" required="required">
Last name: <input type="text" name="lname" required="required">
<input type="submit" value="Submit">
</form>
名字：
姓氏：
注意：Internet Explorer 10、Firefox、Opera和Chrome都支持
requiredif (x==null || x=="")
{
if (y==null || y=="")
{
//codes for both are not validated
}
else
{
//codes for just x is not validated
}
}
else
if (y==null || y=="")
{
//codes for y is not validated
}
else
{
//codes for all validated
}
这样，在每个块中使用return语句不会中断函数执行请搜索“验证输入是否为空”，有数百个结果。如果您在Chrome中使用Firefox，打开控制台确实很有帮助。控制台应该告诉您发生了什么错误，以便您知道必须修复什么。您还可以直接在控制台中键入javascript来测试内容，而无需创建一个全新的文件。记住，客户端从来都不需要它。确保在服务器端验证同样多（如果不是更多的话）。另一个选项是使用jQuery和验证插件。既然OP的代码
x！xx.length