导航:首页 > 万维百科 > 网站设计输入框空时提示

网站设计输入框空时提示

发布时间:2020-08-30 19:17:13

1、网页设计输入框问题

用户名那个如果用html的要用html才有

<input id="u_email" name="u_email" type="email"/>

即时提醒错误的用js可以

<script type="text/javascript">
    $(".username").blur(function(){
        if($(".username").val()==""){
            $(".username").after("<span>用户名不能为空</span>");
        }
    });
</script>

望采纳!

2、html中input文本框,初始里边有文字提示,当点击时,文字消失,怎么设置?

1、使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value='';">

2、<input id="email" type="text" placeholder="这里输入文字" size="22" />

placeholder="这里输入文字"

3、网页输入框不为空提示问题 我的输入内容还是提示

<Script>

function result() {
for (var i=0;i<document.a.length;i++ )
{
if (document.a.elements[i].value=="")
{
var j=i+1
alert("第"+j+"个为空");
document.a.elements[i].focus();
}
}
}

</Script>

<BODY >
<form name="a">
<input type=text size=3 maxlength=4 >
<input type=text size=3 maxlength=4 >
<input type=text size=3 maxlength=4 >
<input type=text size=3 maxlength=4 >
<input type=button value=提交 onClick=result()>
</form>
</BODY>

4、JavaScript当输入框为空时弹出“请输入内容”,当不为空时弹出栏内容+“你好”!该如何写?

function chk_test(str){
if (str==""){
alert("请输入内容")
}else{
alert(str+"你好!")
}
}
上面的是一个JS的自定函数,你把它放到JS的标记中
下面是你需要修改的表单中参数
<input id="login_1" type="text" name="login_1"><input type="button" value="确定" onclick="chk_test(document.getElementById('login_1').value)">

5、PHP如何让输入框为空则提示代码。

为空不允许提交一般算JS做的,PHP后端可以再次检查,为空就不插入数据库。

JS检查表单有标准的套路,一般可以使用<form>的onsubit时间,关联一个函数,如果函数return true就可以继续,否则停止提交,例如:

<form action=a.php onsubmit="return fchk();">
<script>
    function fchk(){
        if (document.getElementById('nm1').value==''){
            alter('姓名必须填写');
            return false;
        }
        return true;
    }
</script>

6、文本框输入 当输入为空时 提示输入 当输入后怎么去掉刚刚的提示信息 用的是 INNerHtML thanks

x.innerHTML=""
即可

7、网页如何文本框为空时,弹出提示框,而不进行submit提交

<form action="{$MOD[linkurl]}search.php"  onsubmit="return check()" id="fsearch">
<input type="hidden" name="typeid" id="typeid" value="99"/>
        <p><input type="text" size="60" name="kw" id="kw" value="{$kw}" placeholder="    输入信息?"  class="pd3"/>  <input type="submit" class="art-button" value="搜索一下"/>
</p>
<script>
function check(){
var o = document.getElementById("typeid");
if(o.value == ''){
alert("tishi");
return false;
}
var o = document.getElementById("kw");
if(o.value == ''){
alert("tishi");
return false;
}
return
}
</script>

8、HTML实现文本框输入为空时提示

<input value="请输入搜索内容" onfocus="javascript:this.value=''" type="text" id="ipt1" />
<input value="提交" type="Submit" id="btn1" onclick="checkform()" />
<script type="text/javascript">    
function checkform(){ 
if(document.getElementById('ipt1').value.length==0){    
alert('输入为空!');
document.getElementById('ipt1').focus();
return false;
}
if(document.getElementById('ipt1').value=="请输入搜索内容"){    
alert('输入为空!');
document.getElementById('ipt1').focus();
return false;
}
}
</script>

9、表单为空时弹出提示,代码怎么写?

<script language="JavaScript">function check()
{
if(document.form1.cn_name.value=="")
{
alert("Please fill in name!");
document.form1.cn_name.focus();
return false;
}</script>
<form name="form1" method="POST" action="<%=Action%>" onSubmit="return check()">
<table>
<tr>
<td>名字:
<input name="cn_name" type="text" id="cn_name">
<input type="submit" name="Submit" value="查询"></td>
</tr>
</table>
</form>

10、jsp界面中,怎么在input框没有输入值的时候提示‘不能为空’?

使用script中的函数onblur失去焦点时触发函数,
jsp中的代码:
<input name="title" onblur="isExist()"/><%--标题输入框--%>
<%--下面代码直接放在jsp页面中,放在最后就可以了--%>
<script src="js/jquery-3.2.1.min.js"></script>
<script>
    //标题
    function isExist() {
    <%-获取表单中的input的name为title的value--%>
    var titleVal = $("input[name=title]").val();
    <%-判断表单中的input的name为title的value值是否为空--%>
    if(titleVal=="" || titleVal==null){
        $(".msg").html("请输入账号").css("color","red");
        return;
    }
  }
</script>

使用script中的函数onblur失去焦点时触发函数,

jsp中的代码:

<input name="title" onblur="isExist()"/><%--标题输入框--%>

<script src="js/jquery-3.2.1.min.js"></script>

<script>

//标题

function isExist() {

<%-获取表单中的input的name为title的value--%>

var titleVal = $("input[name=title]").val();

<%-判断表单中的input的name为title的value值是否为空--%>

if(titleVal=="" || titleVal==null){

$(".msg").html("请输入账号").css("color","red");

return;

}

}

</script>

与网站设计输入框空时提示相关的知识