html-JsValidate

这是一个用于提交员工信息的表单,包括工号、姓名、性别、职位、密码和个人简介。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link type="text/css" href="css/tb.css" rel="stylesheet">
    <script type="text/javascript">
        function validate(){
            var staffNo = document.getElementById('staffNo');
            var name = document.getElementById('staffName');
            var sex = document.getElementsByName('Sex');
            var pos = document.getElementById('pos');
            var password = document.getElementById('password');
            var desc = document.getElementById('desc');


            if(staffNo.value == ""){
                alert("工号不能为空!");
                staffNo.focus();
                return false;
            }


            if(name.value == ""){
                alert("员工姓名不能为空!");
                name.focus();
                return false;
            }


            if(sex[0].checked)
            {
                console.log("您选择了:男");
            }
            else
            {
                console.log("您选择了:女");
            }


            var index = pos.selectedIndex;
            var posValue = pos.options[index].value;




            if(posValue == ""){
                alert("请选择职位!");
                pos.focus();
                return false;
            }
            if(password.value == ""){
                alert("请输入密码!");
                password.focus();
                return false;
            }
            if(desc.value.trim() == ""){
                alert("请填写个人简介!");
                desc.focus();
                return false;
            }
            return true;
        }
        function trim(str) {
            return str.replace(/(^\s*)|(\s*$)/g, "");
        }


        String.prototype.trim1 = function(text){
            alert(text);
        }
    </script>
</head>
<body>
<form action="" method="get">
    <table border="1" width="100%" cellpadding="5px" bordercolor="#ccc" class="table" align="center">
        <tr class="tr">
            <td colspan="3">
                员工信息
            </td>
        </tr>
        <tr>
            <td width="20%">
                工号:
            </td>
            <td width="50%" align="left">
                <input class="input" id="staffNo"  name="staffNo">
            </td>
            <td width="30%" rowspan="5">
                <img width="100%" id="pics" height="240px" src="images/123.jpg">
            </td>
        </tr>
        <tr >
            <td>
                姓名:
            </td>
            <td align="left">
                <input class="input" id="staffName" name="staffName">
            </td>


        </tr>
        <tr>
            <td>性别:</td>
            <td align="left">
                <input type="radio" name="Sex" checked value="Man">男
                <input type="radio" name="Sex" value="Woman">女
            </td>
        </tr>
        <tr >
            <td>照片:</td>
            <td align="left">
                <input type="file" id="staffpics" name="staffPic ">
            </td>
        </tr>
        <tr >
            <td>职位:</td>
            <td align="left">
                <select id="pos" name="pos">
                    <option value="">请选择职位</option>
                    <option value="1001">医生</option>
                    <option value="1002">护士</option>
                </select>
            </td>
        </tr>
        <tr >
            <td>密码:</td>
            <td align="left"  colspan="2">
                <input type="password" class="input" id="password" name="password">
            </td>
        </tr>
        <tr >
            <td>简介:</td>
            <td align="left" colspan="2">
                <textarea id="desc" cols="60" rows="6"></textarea>
            </td>
        </tr>
        <tr >
            <td colspan="3">
                <input type="submit" value="提交" onclick="return validate()">
                <input type="reset"  value="清除">
            </td>
        </tr>
    </table>
</form>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值