JS如何验证文本框输入为空

Posted 2023-05-14

如题

<form action="" method="post">
<p>
<label class="lt">产品编号：</label>
<input type="text" class="ui-text" />
</p>
<p>
<label class="lt">产品名称：</label>
<input type="text" class="ui-text" />
</p>
<p>
<label class="lt">所属工作室：</label>
<input type="text" class="ui-text" />
</p>
<p>
<label class="lt">产品细分品类：</label>
<input type="text" class="ui-text" />
</p>
<p>
<label class="lt"> </label>
<a href="javascript:;" class="ui-btn mt-10" title="保 存">保 存</a>
</p>
</form>

参考技术A 首先每个页面元素都是一个节点，可以去选中它，利用纯真的js就是 var a = document.getElementByID（xxx）去取的页面的元素节点。
建议你先去看一下js的DOM，去了解下页面节点的定义。还有一个方法是利用jquery去取得页面元素的节点，直接去判断元素的值是否为空。看了之后就觉得简单了。 参考技术B var inputText = document.getElementsByClassName("ui-text");//输入框
var inputTips = document.getElementsByClassName("lt");//提示的文字，就是“产品细分品类”等
for(var i=0;i<inputText.length;i++)
    if(inputText[i].value == "")
        alert(inputTips[i].innerhtml.replace(":","") + "不能为空");
        return false;
    

参考技术C var text=document.getElementById("text").value;
if(text=="")
    alert("产品编号不能为空!")

...

参考技术D <p>
<label class="lt">产品名称：</label>
<input type="text" class="ui-text" id="a" />
</p>

若是jquery则
$("#a").val()

若是js原型则
document.getElementById("a").value

怎么用js正则验证文本框只能输入中文和英文

js 只包含中文和英文

/**
 * 只包含中文和英文
 * @param cs
 * @returns Boolean
 */
function isGbOrEn(value)
    var regu = "^[a-zA-Z\\u4e00-\\u9fa5]+$";
    var re = new RegExp(regu);
    if (value.search(re) != -1)
      return true;
     else 
      return false;
    

--------------------- 

作者：dongsir 董先生 

来源：CSDN 

版权声明：本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可，转载时请标注 https://blog.csdn.net/qq6759/article/details/88118913

参考技术A

js验证只包含中文和英文

--------------------------

/**
 * 只包含中文和英文
 * @param cs
 * @returns Boolean
 */
function isGbOrEn(value)
    var regu = "^[a-zA-Z\\u4e00-\\u9fa5]+$";
    var re = new RegExp(regu);
    if (value.search(re) != -1)
      return true;
     else 
      return false;
    

--------------------- 

作者：dongsir 董先生 

来源：CSDN 

原文：https://blog.csdn.net/qq6759/article/details/88118913 

版权声明：本文为博主原创文章，转载请附上博文链接！

参考技术B /*
用途：检查输入字符串是否只由汉字、字母组成
输入：
value：字符串
返回：
如果通过验证返回true,否则返回false
*/function isChinaOrLett(s)//判断是否是汉字、字母组成
var regu = "^[a-zA-Z\u4e00-\u9fa5]+$";
var re = new RegExp(regu);
if (re.test(s))
alert(s);
else
alert("f");

本回答被提问者采纳