導航:首頁 > 萬維百科 > 網站設計輸入框空時提示

網站設計輸入框空時提示

發布時間: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>

與網站設計輸入框空時提示相關的知識