<script type='text/javascript'>
function required()
{
var empt = document.forms["form1"]["Name"].value;
if (empt == "")
{
alert("Please input a Value");
return false;
}
}
</script>
<form name="form1" method="" action="">
<input type="text" name="name" value="Name"/><br />
<input type="text" name="address line1" value="Address Line 1"/><br />
我有多个输入文本字段，每个字段都有其默认值。在我提交表格之前，我必须验证是否所有字段都已填写。到目前为止，由于不同的文本框具有不同的默认值，我得到了用于检查 null 的 javascript。如何编写 javascript 来验证用户是否输入了数据？我的意思是，脚本必须识别输入数据不是默认数据和 null。
最佳答案
如果您不使用 jQuery，那么我会简单地编写一个验证方法，您可以在提交表单时触发该方法。该方法可以验证文本字段以确保它们不为空或默认值。该方法将返回一个 bool 值，如果它为 false，您可以触发警报并分配类以突出显示未通过验证的字段。
HTML:
<form name="form1" method="" action="" onsubmit="return validateForm(this)">
<input type="text" name="name" value="Name"/><br />
<input type="text" name="addressLine01" value="Address Line 1"/><br />
<input type="submit"/>
</form>
JavaScript:
function validateForm(form) {
var nameField = form.name;
var addressLine01 = form.addressLine01;
if (isNotEmpty(nameField)) {
if(isNotEmpty(addressLine01)) {
return true;
{
{
return false;
}
function isNotEmpty(field) {
var fieldData = field.value;
if (fieldData.length == 0 || fieldData == "" || fieldData == fieldData) {
field.className = "FieldError"; //Classs to highlight error
alert("Please correct the errors in order to continue.");
return false;
} else {
field.className = "FieldOk"; //Resets field back to default
return true; //Submits form
}
}
validateForm 方法分配您要验证的元素，然后在本例中调用 isNotEmpty 方法来验证字段是否为空或是否未更改默认值。它不断调用 inNotEmpty 方法，直到它返回 true 值，或者如果该字段的条件失败，它将返回 false。
试一试，如果有帮助或者您有任何问题，请告诉我。当然，您可以编写其他自定义方法来仅验证数字、电子邮件地址、有效 URL 等。
如果您完全使用 jQuery，我会考虑试用 jQuery Validation 插件。我在最近的几个项目中一直在使用它，它非常好。如果有机会，请检查一下。 http://docs.jquery.com/Plugins/Validation
关于javascript - 使用javascript验证html中的输入文本字段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12457710/