当文本框为空并防止提交按钮提交时的警报

-1

好吧，所以我一直在研究一些小的HTML和PHP，并且我希望在给定文本框留空的情况下单击提交按钮后实际发生特定事件。我查找了大量的javascript代码，并且它们都不工作（或者我可能没有足够的工作来处理它们并使它们工作），我甚至不知道javascript是否只是解决方案。我真的不擅长JavaScript，我不知道是否有其他方法可以解决这个问题。我希望在用户离开文本框为空时单击提交按钮后提醒用户，并防止按钮提交并从窗体输入动作，以便用户在输入到php代码之前可以输入它们的输入。我已经读过这两个实际上并不一致，PHP和JavaScript与这种警报和预防和所有，如果有的话，是否会有其他方式来处理这个？当文本框为空并防止提交按钮提交时的警报

来源

2013-08-03 Jam Pong

它被称为'form validation'，其中textarea是一个** required **元素。如果您将这些术语GOOGLE统一在一起，您应该能够找到答案。 – DevlshOne

的Javascript可以帮助你用这个，最有可能你会喜欢的东西，喜欢本作的HTML部分：

<form onSubmit="return validate(this);" ...> 
    <input type="text" id="usefulId"></input> 
    <input type="submit"/> 
</form>

对于JavaScript的，一切都取决于你究竟想达到，但是我用的东西像这样：

function validate(theForm) 
{ 
    var valid = true 
    var textbox = document.getElementById("usefulId"); 

    if (textbox.value) { 
     textbox.setAttribute("class", "valid"); 
    } else { 
     textbox.setAttribute("class", "invalid"); 
     valid = false; 
    } 
    return valid; 
}

如果再加入一些CSS着色文本框红色或类似的东西应通知用户。当然，一些好的做法是将真正的验证移动到另一个被调用的函数，所以你可以重用它。如果你不知何故想给出一些关于错误原因的信息，你可以写一些代码来填写标签，...

HTML5也有一些东西可以帮助你：需要的属性（写到这里遵守以XHTML）

<form onSubmit="return validate(this);" ...> 
    <input type="text" id="usefulId" required="required"></input> 
    <input type="submit"/> 
</form>

然而，在支持HTML5（http://caniuse.com/#feat=form-validation），所以IE6-9不支持，如果我找到了正确的页面和其他一些浏览器（版本）浏览器这仅适用。即使这意味着你不能依靠它来解决你的问题，它会给浏览器带来一些很好的效果。

来源

2013-08-03 14:34:11 JVApen

当文本框为空并防止提交按钮提交时的警报

回答

相关问题