[英]How to check if a textbox is empty using javascript
我有一个带有一些TextBoxes的jsp页面。 现在，我想为他们填充一些信息，然后单击“提交”按钮。 但是我需要检查此TextBox是否为空。
我怎样才能做到这一点？
使用正则表达式：\\ S将匹配非空格字符：任何内容，但不包括空格，制表符或换行符。 如果您的字符串具有单个字符而不是空格，制表符或换行符，则该字符不为空。 因此，您只需要搜索一个字符：\\ S
JavaScript：
function checkvalue() {
var mystring = document.getElementById('myString').value;
if(!mystring.match(/\S/)) {
alert ('Empty value is not allowed');
return false;
} else {
alert("correct input");
return true;
}
}
HTML：
<form onsubmit="return checkvalue(this)">
<input name="myString" type="text" value='' id="myString">
<input type="submit" value="check value" />
</form>
在不使用框架的情况下规范为旧版浏览器添加了修剪原型
<html>
<head>
<script type="text/javascript">
// add trim to older IEs
if (!String.trim) {
String.prototype.trim = function() {return this.replace(/^\s+|\s+$/g, "");};
}
window.onload=function() { // onobtrusively adding the submit handler
document.getElementById("form1").onsubmit=function() { // needs an ID
var val = this.textField1.value; // 'this' is the form
if (val==null || val.trim()=="") {
alert('Please enter something');
this.textField1.focus();
return false; // cancel submission
}
return true; // allow submit
}
}
</script>
</head>
<body>
<form id="form1">
<input type="text" name="textField1" value="" /><br/>
<input type="submit" />
</form>
</body>
</html>
这是内联版本，尽管不建议使用，但如果您需要添加验证而又无法重构代码，我会在此处显示
function validate(theForm) { // passing the form object
var val = theForm.textField1.value;
if (val==null || val.trim()=="") {
alert('Please enter something');
theForm.textField1.focus();
return false; // cancel submission
}
return true; // allow submit
}
在（this）中传递表单对象
<form onsubmit="return validate(this)">
<input type="text" name="textField1" value="" /><br/>
<input type="submit" />
</form>
使用此JavaScript将对您有很大帮助。 代码中给出了一些解释。
<script type="text/javascript">
<!--
function Blank_TextField_Validator()
{
// Check whether the value of the element
// text_name from the form named text_form is null
if (!text_form.text_name.value)
{
// If it is display and alert box
alert("Please fill in the text field.");
// Place the cursor on the field for revision
text_form.text_name.focus();
// return false to stop further processing
return (false);
}
// If text_name is not null continue processing
return (true);
}
-->
</script>
<form name="text_form" method="get" action="#"
onsubmit="return Blank_TextField_Validator()">
<input type="text" name="text_name" >
<input type="submit" value="Submit">
</form>
您也可以使用jQuery检查它。非常简单：
<html>
<head>
<title>jQuery: Check if Textbox is empty</title>
<script type="text/javascript" src="js/jquery_1.7.1_min.js"></script>
</head>
<body>
<form name="form1" method="post" action="">
<label for="city">City:</label>
<input type="text" name="city" id="city">
</form>
<button id="check">Check</button>
<script type="text/javascript">
$('#check').click(function () {
if ($('#city').val() == '') {
alert('Empty!!!');
} else {
alert('Contains: ' + $('#city').val());
}
});
</script>
</body>
</html>
无论选择哪种方法，都无法避免在后端执行相同的验证。
不使用JavaScript的最简单方法是使用required =“”
<input type="text" ID="txtName" Width="165px" required=""/>
<pre><form name="myform" method="post" enctype="multipart/form-data">
<input type="text" id="name" name="name" />
<input type="submit"/>
</form></pre>
<script language="JavaScript" type="text/javascript">
var frmvalidator = new Validator("myform");
frmvalidator.EnableFocusOnError(false);
frmvalidator.EnableMsgsTogether();
frmvalidator.addValidation("name","req","Plese Enter Name");
</script>
注意：在使用上面的代码之前，您必须添加gen_validatorv31.js文件。
使用ajaxcontroltoolkit TextBoxWatermark时使用javascript检查文本框是否为空
[英]check with javascript if textbox is empty while using ajaxcontroltoolkit TextBoxWatermark
JavaScript表单验证-使用Python和CGI检查空文本框
[英]JavaScript form validation - to check for an empty textbox - using Python and CGI
一旦我将其保留在JavaScript中，如何检查文本框是否为空
[英]How to check if textbox empty as soon as i leave it in JavaScript
如果在 Javascript 中为 null 或为空，如何检查多个文本框？
[英]How can I check multiple textbox if null or empty in Javascript?
如果使用jquery，如何检查文本框是否为空并显示弹出消息？
[英]How to check if textbox is empty and display a popup message if it is using jquery?
如何在Facebook中使用JavaScript将文本框值设置为空（空白）
[英]how to set textbox value to empty(blank) using javascript in facebook
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.